*{ padding:0; margin:0;}*
div,span,a,img,h1,h2,h3,h4,h5,h6,h7,h8,ul,li,dl,dt,dd,strong,em,embed,table,tr,td,input,form,select,option,p,del,b{padding:0; margin:0; font-weight:normal;}
body,input,textarea{ font-size:12px; font-family:-apple-system,BlinkMacSystemFont,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif; color:#666;  }
ul{ list-style:none;}
h1,h2,h3,h4,h5,h6,h7,h8,em,i{ font-size:12px; font-weight:normal;}
a{ color:#666; font-weight:normal; text-decoration:none;}
p{ color:#666;}
img{ border:0px;}
span{ display:block;}
body{-webkit-text-size-adjust: 100%;}
*, *:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {background:#fff;}
::-webkit-scrollbar-thumb {background:#fff; width:4px;background-color:#00706b;}
::-webkit-scrollbar-thumb:window-inactive {background:#00706b;}
body{-webkit-text-size-adjust: 100%;}
/*导航*/
.nav{ position:absolute; top:0px; z-index:103; left:0px; width:100%; transition:all 0.3s ease-out 0s;}
.nav h1{ position:fixed; top:23px; left:60px; }
.nav h1 img{ max-width:100%; float:left;}
.nav ul{ float:right; margin-top:30px; transition:all 0.5s ease-out 0s; right:320px; position:absolute;}
.nav ul li{ float:left; margin:0px 30px;}
.nav ul li a{ font-size:14px; color:#fff; height:30px; display:block; line-height:30px; padding:0px 10px; position:relative;}
.nav ul li a b{ position: absolute;z-index: 1;left: 50%;right: 50%;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; top:36px;background-color: #fff;height: 2px;}
.nav ul li a:hover b{left: 0;right: 0;}
.nav ul li.cpo a{ color:#fff }
.nav ul li.cpo a b{ left:0px; right:0px; background-color:#fff !important;}
.nav span{ position:absolute; right:60px; top:35px; transition:all 0.9s ease-out 0s;}
.nav span a{ display:inline-block; float:left; width:20px; height:20px; overflow:hidden; background:url(../image/ico-2.png) no-repeat; background-size:20px; transition:all 0.3s ease-out 0s;}
.nav span a:hover{ background:url(../image/ico-2.png) 0 -20px no-repeat; background-size:20px;}
.nav span a:nth-child(2n+2){ margin-left:20px; background:url(../image/ico-3.png) no-repeat; background-size:20px;}
.nav span a:nth-child(2n+2):hover{ background:url(../image/ico-3.png) 0 -20px no-repeat; background-size:20px;}
.nav span a img{ max-width:100%; float:left;}
.nav h2{ position:absolute; right:140px; top:35px; transition:all 0.7s ease-out 0s;}
.nav h2 a i{ display:inline-block; width:20px; height:20px; background:url(../image/ico-1.png) no-repeat; background-size:20px; float:left; transition:all 0.3s ease-out 0s;}
.nav h2 a:hover i{ background:url(../image/ico-1.png) 0 -20px no-repeat; background-size:20px;}
.nav h2 a em{ display:inline-block; float:left; font-style:normal; font-size:18px; color:#fff; line-height:20px; margin-left:10px; font-family:neutraface2display-titling; margin-top:1px;}
@font-face {font-family:neutraface2display-titling; src:url("../font/neutraface2display-titling.otf");}
.top{ position:fixed; background:#00706b; float:left; height:90px;}
.top.nav h2 a i{ background:url(../image/ico-1.png) 0 -20px no-repeat; background-size:20px;}
.top.nav span a{ background:url(../image/ico-2.png) 0 -20px no-repeat; background-size:20px;}
.top.nav span a:nth-child(2n+2){ background:url(../image/ico-3.png) 0 -20px no-repeat; background-size:20px;}

/*banner*/
.bt{ float:left; width:100%; text-align:center;}
.bt-center{ width:100%; padding:0 8%;}
.bt h3{ font-size:26px; color:#fff; text-align:left; opacity: 0;transform: translateY(-100px);-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-webkit-transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;}
.bt h2{ font-size:46px; color:#fff; text-align:left; line-height:46px; margin-top:40px; opacity: 0; font-weight:bold;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-webkit-transition: all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;transition: all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.4s; margin-bottom:15px; }
.bt p{ font-size:24px; color:#fff; text-align:left; margin-top:30px; margin-bottom:40px; opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-webkit-transition: all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: all 0.65s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}
.fp-completely .active .bt p{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.aop{ width:100%; float:left; opacity:0; transform: translateX(-300px);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.fp-completely .active .bt .aop{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);opacity: 1;}
.banner1{ width:100%; float:left; background:url(/template/pc/skin/image/banner-1.jpg) center no-repeat; background-size:cover;}
.banner2{ width:100%; float:left; background:url(/template/pc/skin/image/banner-2.jpg) center no-repeat; background-size:cover;}
.banner3{ width:100%; float:left; background:url(/template/pc/skin/image/banner-3.jpg) center no-repeat; background-size:cover;}
.banner6{ width:100%; float:left; background:url(/template/pc/skin/image/banner6.jpg) center no-repeat; background-size:cover;}
.banner7{ width:100%; float:left; background:url(/template/pc/skin/image/banner7.jpg) center no-repeat; background-size:cover;}

.aop a{ display:inline-block; float:left; border:1px solid #fff; padding:0 30px; color:#fff; text-transform:uppercase; transition:all 0.3s ease-out 0s; }
.aop a em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#fff; line-height:58px;}
.aop a i{ display:inline-block; float:right; font-size:24px; padding-left:100px; color:#fff; line-height:58px;}
.aop a:hover{ background:#00706b; border:1px solid #00706b;}
.bot{ position:absolute; left:50%; bottom:20px; float:left; z-index:5; margin-left:-11px; -webkit-animation: up_down 1000ms linear infinite;-moz-animation: up_down 1000ms linear infinite;-ms-animation: up_down 1000ms linear infinite;animation: up_down 1000ms linear infinite;}
.bot a{ display:inline-block; float:left;}
.bot a img{ max-width:100%; float:left;}
@-webkit-keyframes up_down{
  0% {-webkit-transform:translateY(0px);}
  50% {-webkit-transform:translateY(10px);}
  100% {-webkit-transform:translateY(0px);}
}
@-moz-keyframes up_down{
  0% {-moz-transform:translateY(0px);}
  50% {-moz-transform:translateY(10px);}
  100% {-moz-transform:translateY(0px);}
}
@-ms-keyframes up_down{
  0% {-ms-transform:translateY(0px);}
  50% {-ms-transform:translateY(10px);}
  100% {-ms-transform:translateY(0px);}
}
@keyframes up_down{
  0% {transform:translateY(0px);}
  50% {transform:translateY(10px);}
  100% {transform:translateY(0px);}
}
.zix{ position:absolute; bottom:0px; right:-100%; float:left; z-index:1; transition:all 1s ease-out 1s;}
.zix a{ display:inline-block; float:left; padding:15px 15px 12px 15px; background:#00706b; transition:all 0.3s ease-out 0s; margin-left:15px;}
.zix a i{ display:inline-block; float:left;}
.zix a i img{ max-width:100%; float:left;}
.zix a em{ display:inline-block; float:left; font-style:normal; font-size:16px; color:#fff; line-height:22px; margin-left:15px;}
.zix a:hover{ background:#333;}
.active .zix{ right:0px;}
/*banner效果*/
.fp-completely .active .bt h3{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-completely .active .bt h2{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
/*关于*/
.two{ background:url(../image/about-banner.jpg); background-size:cover;}
.about{ width:100%; float:left; padding:0 8%;}
.about h2{ width:100%; float:left; font-size:40px; color:#00706b; font-family:neutraface2display-titling; opacity:0; transform: translateY(-100px);-webkit-transform: translateY(-100px);-moz-transform: translateY(-100px);-webkit-transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;}
.about h3{ width:100%; float:left; font-size:24px; line-height:24px; color:#fff; margin-top:25px; margin-bottom:50px; opacity:0; transform: translateY(100px);-webkit-transform: translateY(100px);-moz-transform: translateY(100px);-webkit-transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.1s;transition: all 0.55s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}
.about p{ width:100%; float:left; font-size:14px; color:#fff; line-height:36px; opacity:0;transform: translateX(-300px);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1s;}
.about p:nth-child(2n+2){ margin-bottom:50px; margin-top:20px;}
.about .aop{ transform: translateX(-300px);-webkit-transform: translateX(-300px);-moz-transform: translateX(-300px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.6s;}
/*关于效果*/
.fp-viewing-1 .active .about h2{ transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);opacity:1;}
.fp-viewing-1 .active .about h3{ transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);opacity:1;}
.fp-viewing-1 .active .about p{ transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);opacity:1;}
.fp-viewing-1 .active .aop{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);opacity:1;}
.fp-viewing-1 .active .about-right ul{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-1 .nav ul,.fp-viewing-2 .nav ul,.fp-viewing-3 .nav ul,.fp-viewing-4 .nav ul,.fp-viewing-5 .nav ul,.fp-viewing-6 .nav ul{ position:absolute;}

/*产品*/
.cp{ position:relative; z-index:2; float:left; padding-left:8%;}
.cp-bj{ float:left; width:100%; height:100%; position:absolute; top:0px; left:0px;}
.product-list{ width:100%; height:100%; opacity:0;transition: all 0.5s ease-out 0s; position:absolute; top:0px; left:0px; background:#222;}
.product-list.active{ opacity:1;}
.product-list span{ width:100%; display:block; height:100%;opacity: 0;-webkit-transform: scale(0.7, 0.7);transform: scale(0.7, 0.7);transition: all 1s;}
.product-list.active span{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0s;}
.cp h3{ font-size:40px; color:#fff;font-family:neutraface2display-titling; overflow: hidden; height:40px;line-height: 4;-webkit-transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1);transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1);}
.cp h6{ font-size:24px; line-height:24px; color:#fff; margin-top:20px;opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;}
.cp ul{ float:left; width:295px; margin-top:40px;opacity: 0;-webkit-transform: scale(0.8, 0.8);transform: scale(0.8, 0.8);transition: all 1s;}
.cp ul li{ width:100%; margin-top:1px; float:left;}
.cp ul li a{ display:block; width:100%; background:rgba(0,0,0,0.55); float:left; padding:10px 0px; position:relative;transition: all 0.5s ease-out 0s;}
.cp ul li a b{ width:60px; height:60px; display:inline-block; float:left; margin-left:15px;}
.cp ul li a b img{ float:left; max-width:100%;}
.cp ul li a:hover b img{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }
.cp ul li a i{ display:inline-block; float:left; color:#fff; font-size:18px; line-height:60px; font-style:normal; padding-left:15px;}
.cp ul li a h4{ position:absolute; top:0px; height:100%; right:-100px; width:0px; background:url(../image/p-ico6.png) center no-repeat #28166f; background-size:20px; transition: all 0.5s ease-out 0s; opacity:0;} 
.cp ul li.xuan a{ background:#00706b; }
.cp ul li.xuan a h4{right:-50px; width:50px; opacity:1;}
.three .aop{ position:absolute; right:30px; bottom:30px; z-index:3; opacity:0; transform: translateX(300px);-webkit-transform: translateX(300px);-moz-transform: translateX(300px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.three .aop a{ float:right;}
/*产品效果*/
.fp-viewing-2 .cp h3{ line-height: 1;-webkit-transition-delay: .1s; transition-delay: .1s;}
.fp-viewing-2 .cp h6{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-2 .cp ul{opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.6s;}
.fp-viewing-2 .gengduo2{transition-delay:1.2s; right:0px;}
.fp-viewing-2 .aop{ opacity:1; transform: translateX(px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1s;}
/*合作*/
.four{ background:url(../image/h-banner.jpg) center no-repeat; background-size:cover;}
.qqhz{ width:100%; padding:0 8%;}
.qqhz h3{ font-size:40px; color:#fff;font-family:neutraface2display-titling; overflow: hidden; height:40px;line-height: 4;-webkit-transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1);transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1); text-align:center;}
.qqhz h6{ font-size:24px; color:#fff; margin-top:20px;opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; text-align:center;}
.qqhz ul{ float:left; width:100%; margin-top:40px;}
.qqhz ul li{ width:33.333%; float:left; position:relative;  transition: all 0.5s;  opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all .8s; }
.qqhz ul li img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.qh{ width:100%; float:left; margin-top:20px; display:none; opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
.qh h2{ width:25%; float:left; margin-bottom:15px;}
.qh h2 a{ display:inline-block; float:left; margin:0 10px; border-radius:50%; overflow:hidden; background:#fff; padding:5px; }
.qh h2 img{ max-width:100%; float:left;}
.mq{ position:absolute; left:3%; top:0px; width:28%; transform:scale(1); transition:all 0.4s;}
.mq img{ max-width:100%; float:left; border-radius:50%;}
.mq:hover{  transform:scale(1.05); }
.mq-2{ left:auto; right:3%;}
.mq-3{ left:18.5%; top:25%;}
.mq-4{ left:auto; right:18.5%; top:25%;}
.mq-5{ left:36%; top:50%;}
.mq-6{ left:36%; top:auto; bottom:0px;}
.mq-7{ left:auto; top:2%; right:10%;}
.mq-8{ left:29%; top:0px;}
.mq-9{ left:7.5%; top:20.5%;}
.mq-10{ left:39.5%; top:33.8%;}
.mq-11{ left:auto; top:53%; right:7.5%;}
.mq-12{ left:46.3%; top:auto; bottom:0px;}
.mq-13{ left:11.7%; top:72%;}
.mq-14{ left:36%;}
.mq-15{ left:36%; top:25.5%;}
.mq-16{ left:36%; top:51%;}
.mq-17{ left:36%; top:auto; bottom:0px;}



/*合作效果*/
.fp-viewing-3 .qqhz h3{ line-height: 1;-webkit-transition-delay: .1s; transition-delay: .1s;}
.fp-viewing-3 .qqhz h6{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-3 .qqhz ul li{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.4s;}
.fp-viewing-3 .qqhz ul li:nth-child(3n+2){opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.fp-viewing-3 .qqhz ul li:nth-child(3n+3){opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1s;}
.fp-viewing-3 .qh{ transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
/*荣誉*/
.fives{ background:url(../image/r-banner.jpg) center no-repeat; background-size:cover;}
.fives .aop{ position:absolute; right:30px; bottom:30px; z-index:3; opacity:0; transform: translateX(300px);-webkit-transform: translateX(300px);-moz-transform: translateX(300px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.fives .aop a{ float:right;}
.honor{ width:100%; float:left; padding:0 8%;}
.honor-t{ width:100%; float:left;}
.honor-t h3{ font-size:40px; color:#fff;font-family:neutraface2display-titling; overflow: hidden; height:40px;line-height: 4;-webkit-transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1);transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1); text-align:center;}
.honor-t h6{ font-size:24px; color:#fff; margin-top:20px;opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; text-align:center;}
.honor-b{ width:100%; float:left; margin-top:50px; padding:0 80px; position:relative; overflow:hidden; opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; }
.honor-b .swiper-container{ width:100%; float:left;}
.honor-b .swiper-wrapper{ width:100%; float:left;}
.honor-b .swiper-slide{ width:100%; float:left;}
.honor-b .swiper-button-prev{ width:50px; height:50px; background:#07569b;  opacity:1; border-radius:50%; margin-top:-25px; outline:none;}
.honor-b .swiper-button-next{ width:50px; height:50px; background:#07569b; opacity:1; border-radius:50%; margin-top:-25px; outline:none;}
.honor-b .swiper-button-disabled{ background:rgba(0,0,0,0.3);}
.honor-b .swiper-button-prev i{ display:inline-block; float:left; font-size:20px; color:#fff; line-height:50px; text-align:center; width:100%;}
.honor-b .swiper-button-next i{ display:inline-block; float:left; font-size:20px; color:#fff; line-height:50px; text-align:center; width:100%;}
.banner-img{ width:100%; height:100%; display:none;}

.baguetteBoxOne{ width:100%; float:left;}
.gallery a{width:100%; float:left; display:inline-block; overflow: hidden; position:relative;}
.gallery a img{ background:#fff; padding:5px; max-width:100%;  filter:gray;  float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;   }
.gallery a:hover img{ -webkit-transform:scale3d(1.1,1.1,0.5); transform:scale3d(1.1,1.1,0.5);}
.gallery a .xyfc_jz{ display:block; background:rgba(0,0,0,.6); position:absolute; top:8px; right:8px; bottom:8px; left:8px;  opacity:0; z-index:9;text-align:center;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s;}
.gallery a:hover .xyfc_jz{opacity:1;}
.gallery a b{ display:inline-block; float:left; position:absolute; left:50%; top:50%; width:50px; height:50px; opacity:0; border:2px solid #fff; background:rgba(0,0,0,0.3); border-radius:50%; margin-left:-25px; transition:all 0.5s ease-out 0s;}
.gallery a b img{ padding:0px; background:none; max-width:14px; margin-left:16px; margin-top:16px;}
.gallery a:hover b{ margin-top:-25px; opacity:1;}  
/*荣誉效果*/
.fp-viewing-4 .honor-t h3{ line-height: 1;-webkit-transition-delay: .1s; transition-delay: .1s;}
.fp-viewing-4 .honor-t h6{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-4 .honor-b{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-4 .aop{ opacity:1; transform: translateX(px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1s;}
/*联系*/
.six{ background:#18154e;}
.dip{ width:100%; height:100%; float:left;}
.dip-l{ width:50%; height:100%; float:left; background:url(../image/bi-l.jpg) center no-repeat; background-size:cover; position:relative; overflow:hidden;}
.dip-l a{ display:inline-block; float:left; position:absolute; left:50%; top:50%; -webkit-animation: up_down 1000ms linear infinite;-moz-animation: up_down 1000ms linear infinite;-ms-animation: up_down 1000ms linear infinite;animation: up_down 1000ms linear infinite; margin-left:-31px; margin-top:-94px;}
.dip-l a img{ max-width:100%; float:left; }
.dip-r{ width:50%; height:100%; float:right; background:url(../image/bi-r.jpg) center no-repeat; background-size:cover; position:relative; overflow:hidden; display:table; padding-left:6%;}
.dip-b{ display:table-cell; vertical-align:middle;}
.dip-r-s{ width:100%; float:left; margin-bottom:40px;}
.dip-r-s h3{ font-size:40px; color:#fff;font-family:neutraface2display-titling; overflow: hidden; height:32px;line-height: 4;-webkit-transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1);transition: line-height 0.85s cubic-bezier(0.77, 0, 0.175, 1); }
.dip-r-s h6{ font-size:24px; color:#fff; margin-top:20px; line-height:24px;opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;}
.dip-r-z{ width:100%; float:left;}
.dip-r-z span{ display:block; width:100%; float:left; margin-bottom:15px; opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.5s;}
.dip-r-z span:nth-child(5n+2){  opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
.dip-r-z span:nth-child(5n+3){  opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.7s;}
.dip-r-z span:nth-child(5n+4){  opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}
.dip-r-z span:nth-child(5n+5){  opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;}
.dip-r-z span h2{ width:100%; float:left; font-size:16px; color:#fff;}
.dip-r-z span h3{ width:100%; float:left; margin-top:5px;}
.dip-r-z span h3 a{ display:inline-block; float:left; font-size:26px; color:#fff; font-family:neutraface2display-titling; line-height:26px;}
.dip-r-z span p{ width:100%; float:left; font-size:14px; color:#fff; margin-top:5px;}





.mip{ width:100%; height:100%; float:left; background:#008792}
.mip-t{ width:100%; height:65%; background:url(../image/u-1.jpg) center no-repeat; background-size:cover; float:left; position:relative; overflow:hidden;}
.mip-t b{ position:absolute; left:60%; top:30%; -webkit-animation:up_down 1000ms linear infinite;-moz-animation: up_down 1000ms linear infinite;-ms-animation: up_down 1000ms linear infinite;animation: up_down 1000ms linear infinite;  margin-top:-40px;}

.mip-t b img{ max-width:100%; float:left; }
.mip-t a{ display:inline-block; float:left; position:absolute; left:50%; top:50%; -webkit-animation:up_down 1000ms linear infinite;-moz-animation: up_down 1000ms linear infinite;-ms-animation: up_down 1000ms linear infinite;animation: up_down 1000ms linear infinite; margin-left:-54px; margin-top:-40px;}
.mip-t a img{ max-width:100%; float:left; }
.mip-b{ width:100%; float:left; padding-top:60px; height:35%; position:relative; overflow:hidden;}
.mip-b-l{ width:70%; float:left;}
.mip-b-l ul{ width:100%; float:left;}
.mip-b-l ul li{ width:25%; float:left; opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;}
.mip-b-l ul li:nth-child(4n+2){ opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;}
.mip-b-l ul li:nth-child(4n+3){ opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}
.mip-b-l ul li:nth-child(4n+4){ opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1s;}
.mip-b-l ul li h2{ width:100%; float:left; font-size:16px; color:#fff;}
.mip-b-l ul li h3{ width:100%; float:left; margin-top:20px;}
.mip-b-l ul li h3 a{ display:inline-block; float:left; font-size:26px; color:#fff; font-family:neutraface2display-titling; line-height:26px;}
.dip-r-x{ width:280px; float:right; opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.mip-b-l p{ width:100%; float:left; font-size:14px; color:#fff; padding-top:40px; opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1s;}
.dip-r-x span{ display:inline-block; width:130px; float:left;}
.dip-r-x span i{ display:inline-block; width:100%; float:left;}
.dip-r-x span i img{ max-width:100%; float:left;}
.dip-r-x span em{ display:inline-block; float:left; font-size:14px; color:#fff; text-align:center; width:100%; font-style:normal; margin-top:10px;}
.dip-r-x span:nth-child(2n+2){ float:right;}
.dip-r-a{ width:100%; float:left; position:absolute; left:0px; bottom:25px; opacity: 0;transform: translateY(60px);-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-webkit-transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;transition: all 0.85s cubic-bezier(0.77, 0, 0.175, 1) 1.3s; }
.dip-r-a p{ width:100%; float:left; font-size:16px; line-height:32px; color:#fff; padding-left:8%; padding-right:15px; }
.dip-r-a p a{ display:inline-block; float:left; color:#fff;}
.dip-r-a p a img{ max-width:30px; float:left; margin-right:20px;}

/*联系效果*/
.fp-viewing-5 .dip-r-s h3{ line-height: 1;-webkit-transition-delay: .1s; transition-delay: .1s;}
.fp-viewing-5 .dip-r-s h6{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-5 .dip-r-z span{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-5 .dip-r-x{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-5 .dip-r-a{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-5 .mip-b-l p{ transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}
.fp-viewing-5 .mip-b-l ul li{ transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);opacity: 1;}










/*手机导航*/
.mobile-nav{ width:40px; height:40px; float:right; display:none; cursor:pointer; border-radius:0px; z-index:104; position:fixed; top:15px; right:15px;}
.mobile-nav i{-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.mobile-nav i.menu_a1{ width:30px; height:2px; background:#fff;display:block; position:absolute; top:10px; left:5px; transition: all 0.5s ease-out 0s; border-radius:50px;}
.mobile-nav i.menu_a2{ width:30px; height:2px; background:#fff;display:block; position:absolute; top:19px; left:5px; border-radius:50px;}
.mobile-nav i.menu_a3{ width:30px; height:2px; background:#fff;display:block; position:absolute; top:28px; left:5px; transition: all 0.5s ease-out 0s; border-radius:50px;}
.rot i.menu_a3{ top:19px; right:3px; -webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.rot i.menu_a1{ top:19px; right:3px;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.rot i.menu_a2{ display:none;}
.sidebar{ float:left; width:100%; padding-top:70px; }
.sidebar-menu{ float:left; width:100%;border-top:1px solid rgba(255,255,255,0.1); padding:0px 20px;}
.sidebar-menu li{ float:left; width:100%; padding:20px 0px;border-bottom:1px solid rgba(255,255,255,0.1); }
.sidebar-menu li.selected a{ color:#00706b;}
.sidebar-menu li.active .treeview-menu{ display:block;}
.treeview-menu{ display:none; float:left; width:100%;padding-top:10px;}
.sidebar-menu li a{ font-size:16px; color:#fff; display:block; float:left; width:100%; line-height:30px;}
.sidebar-menu li ul li a{ font-size:14px; color:#999 !important;}
.sidebar-menu li ul li{ padding:10px 0px; border:0px;}
.main-sidebar{ background:rgba(0,0,0,0.8); position:fixed; top:0px; bottom:0px;  width:100%; left:0px; overflow-x:hidden; z-index:-1;  overflow-y:auto;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.mobile .main-sidebar{visibility: visible; z-index:101;}
.nav-bj{ display:none; background:rgba(0,0,0,.5); position:fixed; z-index:-1; height:68px; width:100%; left:0px; top:0px;}
.mobile .nav-bj{ display:none !important;}
.mobile .nav{ background:#000; z-index:104;}
.pull-right{ width:30px; height:30px; position:relative;}
.pull-right b{ width:2px; height:20px; background:#fff; position:absolute; left:14px; top:5px;transition: all 0.2s ease-out 0s;}
.pull-right em{ width:2px; height:20px; background:#fff; position:absolute; left:14px;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-90deg);-ms-transform: rotateZ(-90deg);-o-transform: rotateZ(-90deg);transform: rotateZ(-90deg); top:5px;}
.mobile .main{-moz-filter: blur(0.5em);-webkit-filter: blur(0.5em); -ms-filter: blur(0.5em); filter: blur(0.5em);}
.active .pull-right b{-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-90deg);-ms-transform: rotateZ(-90deg);-o-transform: rotateZ(-90deg);transform: rotateZ(-90deg);}
.pagination{ width:100%; text-align:center; position:absolute; bottom:20px; left:0px; display:none;}
.swiper-pagination-switch{ width:6px; height:6px; border-radius:10px; background:rgba(255,255,255,0.5); display:inline-block; margin:0px 5px;}
.swiper-active-switch{ width:20px;background:rgba(255,255,255,1);}
/*视频弹出*/
.video{ position:fixed;  left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1; display:none;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.video.ateler{ display:block; z-index:999; visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.video dl{ position:fixed; width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px; background:#fff; -webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; border-radius:15px;}
.video dl dt{ width:100%; float:left; height:100%; background:#222;}
.video dl dd{ position:absolute; right:35px; top:35px; cursor:pointer; background:url(http://www.ystkeji.com/Public/Home/images/cha.png) center no-repeat; height:35px; width:35px; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 284ms ease-in-out;   z-index:99;}
.ateler dl{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.video dl dd h1{ position:absolute; top:0px; right:0px; background:url(http://www.ystkeji.com/Public/Home/images/cha.png) center no-repeat;}
.video dl dd:hover{transform: rotate(180deg); }
.video iframe{height: auto;left: 50%;min-height: 100%;min-width: 100%;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-transition: opacity 1000ms ease-out 0s;width: 100%;}
.video video{ float:left; width:100%; height:100%;}
.ie-jr{ position:fixed; z-index:999; top:0px; width:100%; left:0px;  background:url(http://www.ystkeji.com/Public/Home/images/dian.png); padding:20px 0px; display:none;}
.ie-yc{ display:block;}
.ie-jr p{ font-size:14px; text-align:center; line-height:32px; color:#fff;}
.ie-jr ul{ text-align:center; margin-top:20px;}
.ie-jr ul li{ display:inline-block; margin:0px 20px;}
.ie-jr ul li b img{ max-width:60px;}
.ie-jr ul li i{ display:block; text-align:center; font-style:normal; color:#999}
.ie-jr span{position:absolute; right:15px; top:15px; cursor:pointer; background:url(http://www.ystkeji.com/Public/Home/images/cha.png) center no-repeat; height:35px; width:35px; }
/*微信二维码跳出*/
.wxnr{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); z-index:-1;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;}
.wxnr.ateler{ opacity:1; z-index:999;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.wxnr dl{ position:fixed; width:238px; height:238px; top:40%; left:50%; margin:-119px 0px 0px -119px; background:#fff; -webkit-transform: translateY(60px);-moz-transform: translateY(60px);
-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;
transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.wxnr dl dt{ width:100%; float:left; height:100%; background:#222;}
.wxnr dl dt img{ max-width:100%; float:left;}
.wxnr dl dd{ position:absolute; right:-30px; top:-30px; float:left; width:20px; height:20px; cursor:pointer;}
.wxnr dl dd img{ max-width:100%; float:left; transition: 284ms ease-in-out; }
.wxnr dl dd:hover img{ transform: rotate(180deg); }
/*footer*/
.footer{ width:100%; float:left; background:#232323; padding-top:60px;}
.footer-t{ width:100%; float:left; padding-bottom:55px; border-bottom:1px solid #393939;}
.footer-t h2{ float:left;}
.footer-t h2 a{ display:inline-block; float:left;}
.footer-t h2 a img{ max-width:100%; float:left;}
.footer-t h3{ float:right; padding-top:8px;}
.footer-t h3 a{ display:inline-block; float:left;}
.footer-t h3 a i{ display:inline-block; float:left; width:29px; height:29px; background:url(../image/ico-4.png) 0 0 no-repeat; background-size:29px; margin-right:10px; transition:all 0.3s ease-out 0s;}
.footer-t h3 a em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#fff; line-height:29px; transition:all 0.3s ease-out 0s;}
.footer-t h3 a:hover i{ background:url(../image/ico-4.png) 0 -29px no-repeat; background-size:29px; }
.footer-t h3 a:hover em{ color:#00706b;}
.footer-b{ width:100%; float:left; padding-top:50px; padding-bottom:60px;}
.footer-b ul{ width:65%; float:left;}
.footer-b ul li{ width:20%; float:left;}
.footer-b ul li h2{ width:100%; float:left; margin-bottom:20px;}
.footer-b ul li h2 a{ display:inline-block; float:left; font-size:14px; color:rgba(255,255,255,0.8);}
.footer-b ul li h2 a:hover{ color:#fff;}
.footer-b ul li h3{ width:100%; float:left; margin-bottom:5px;}
.footer-b ul li h3 a{ display:inline-block; float:left; font-size:12px; line-height:14px; color:rgba(255,255,255,0.55);}
.footer-b ul li h3 a:hover{ color:rgba(255,255,255,0.8);}
.footer-b ul li h3:last-child{ margin-bottom:0px;}
.td{ float:left; width:15%;}
.td h5{ width:100%; float:left; font-size:14px; color:rgba(255,255,255,0.8); margin-bottom:20px;}
.td h4{ width:100%; float:left; margin-bottom:20px;}
.td h4 a{ display:inline-block; float:left; font-size:20px; color:#b3b3b3; font-family:neutraface2display-titling; line-height:20px;}
.td p{ width:100%; float:left; font-size:12px; color:#fff;}
.footer-b span{ display:inline-block; float:right; width:125px;}
.footer-b span i{ display:inline-block; width:100%; float:left;}
.footer-b span i img{ max-width:100%; float:left;}
.footer-b span em{ display:inline-block; width:100%; float:left; font-size:12px; color:rgba(255,255,255,0.5); font-style:normal; margin-top:15px; text-align:center;}
.footer-a{ width:100%; float:left; background:#111; padding:20px 0;}
.footer-a p{ float:left; font-size:14px; color:rgba(255,255,255,0.5); line-height:20px;}
.footer-a p a{color:rgba(255,255,255,0.5);}
.footer-a h2{ float:right;}
.footer-a h2 i{ display:inline-block; float:left; margin-right:14px;}
.footer-a h2 i img{ max-width:100%; float:left;}
.footer-a h2 em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:rgba(255,255,255,0.5); line-height:20px;}
/*内页banner*/
.n-banner{ width:100%; float:left; position:relative; overflow:hidden; }
.n-banner-img{ width:100%; float:left;}
.n-banner-img img{ width:100%; float:left;}
.n-banner-img img.display{ display:none;}
.n-lie{ position:absolute; left:0px; top:0px; width:100%; height:100%; float:left;}
.n-bt{ width:100%; height:100%; float:left;  display:table; position:relative;}
.n-bt span{ display:table-cell; vertical-align:middle;}
.n-bt span h6{ font-size:48px; color:#fff; font-weight:bold; text-align:center;}
.n-bt span p{ font-size:26px; color:#fff; text-align:center; margin-top:25px;}
.center-ny{ width:100%; float:left; position:absolute; left:0px; bottom:60px; z-index:34;}
.public-center{ width:100%; float:left; padding:0 8%;}
.center-ny ul{ width:100%; float:left; display:-webkit-box; display:-webkit-flex; display:flex;}
.center-ny ul li{  display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:center; padding:0 5px; animation-duration:1s; }
.center-ny ul li:nth-child(5n+2){ animation-duration:1.2s; }
.center-ny ul li:nth-child(5n+3){ animation-duration:1.3s; }
.center-ny ul li:nth-child(5n+4){ animation-duration:1.4s; }
.center-ny ul li:nth-child(5n+5){ animation-duration:1.5s; }
.center-ny ul li a{ display:block; width:100%; float:left; background:#fff; padding:15px 0; transition:all 0.3s ease-out 0s; }
.center-ny ul li a i{ display:inline-block; width:36px; height:36px; position:relative; overflow:hidden; margin-right:15px;}
.center-ny ul li a i img{ max-width:100%; float:left; position:absolute; left:0px; top:0px; transition:all 0.3s ease-out 0s;}
.center-ny ul li a em{ display:inline-block; font-style:normal; font-size:20px; color:#333; line-height:36px; vertical-align:9px; transition:all 0.3s ease-out 0s; }
.center-ny ul li a:hover{ background:#00706b;}
.center-ny ul li a:hover i img{ top:-36px;}
.center-ny ul li a:hover em{ color:#fff;}
.center-ny ul li a.selected{ background:#00706b;}
.center-ny ul li a.selected i img{ top:-36px;}
.center-ny ul li a.selected em{ color:#fff;}
.products-c ul li a i{ width:26px; height:26px; margin-right:5px;}
.products-c ul li a em{ font-size:14px; line-height:26px; vertical-align:7px;}
.products-c ul li a:hover i img{ top:-26px;}
.products-c ul li a.selected i img{ top:-26px;}
/*关于页面*/
.public-n{ width:100%; float:left; background:#f5f5f5; padding:15px 0; overflow:hidden;}
.ejdh{ float:left; width:100%; margin-top:25px;}
.ejdh ul li{ display:block; float:left;}
.ejdh ul li a{ display:block; float:left; padding:0px 30px; line-height:50px; background:#fff; font-size:14px; margin:10px 20px 10px 0px;}
.ejdh ul li a.selected{ background:#00706b; color:#fff;}
.ejdh ul li a:hover{ background:#00706b; color:#fff;}
.b-kong{  margin-bottom:30px;}
.lie{ width:100%; float:left; padding-bottom:20px; border-bottom:1px solid #e4e4e4;}
.lie h2{ width:100%; float:left; font-size:32px; line-height:32px; color:#333;}
.ab{ width:100%; float:left; margin-top:60px;}
.ab-l{ width:60%; float:left;}
.ab-l h2{ width:100%; float:left; font-size:24px; color:#333; animation-duration:1s;}
.ab-l b{ display:block; width:60px; float:left; height:2px; background:#d1d1d1; margin:35px 0; animation-duration:1s; }
.ab-l p{ width:100%; float:left; font-size:16px; color:#666; line-height:36px; margin-bottom:35px; animation-duration:1.1s;}
.ab-l p:last-child{ margin-bottom:0px;}
.ab-r{ width:33%; float:right; animation-duration:1.2s;}
.ab-r img{ max-width:100%; float:left;}
.ab-s{ width:100%; float:left; margin-top:50px;}
.digital{ float:left; width:100%; background:#fff;}
.digital ul li{ width:25%; float:left; padding:70px 0; background:#fff; box-shadow:0 1px 13px rgba(0,0,0,0.10); }
.digital ul li h6{ width:100%; float:left;}
.digital ul li h6 span{ display:block; width:100%; text-align:center; font-size:80px; line-height:80px; color:#00706b; font-family:HATTEN; letter-spacing:3px;}
@font-face {font-family:HATTEN; src:url("../font/HATTEN.TTF");}
.digital ul li h6 b{ display:inline-block; width:100%; float:left; color:#666; vertical-align:3px; font-size:14px; font-weight:normal; text-align:center; margin-top:20px;}	
.digital ul li p{ width:100%; float:left ;font-size:16px; color:#333; text-align:center; margin-bottom:20px;}
.qyjs-2{ width:100%; float:left; background:url(http://www.ystkeji.com/Public/Home/images/about/a-5.jpg) center no-repeat; background-size:cover; padding-top:220px; padding-bottom:290px; overflow:hidden;}
.qyjs-2 img{ max-width:100%; float:left; animation-duration:1s;}
.qyjs-3{ width:100%; float:left; padding-top:80px; padding-bottom:130px; overflow:hidden;}
.qyjs-3 h2{ width:100%; float:left; font-size:24px; color:#f8a70c; text-align:center; text-transform:uppercase; animation-duration:1s;}
.qyjs-3 p{ width:100%; float:left; font-size:14px; color:#454545; line-height:36px; text-align:center; margin:45px 0; animation-duration:1s;}
.qyjs-3 h3{ width:100%; float:left; animation-duration:1s;}
.qyjs-3 h3 img{ max-width:100%; display:block; text-align:center; margin:0 auto;}
.qyjs-3 h4{ width:100%; float:left; font-size:20px; color:#004121; margin-top:40px; text-align:center; animation-duration:1s;}
.ab-w{ width:100%; float:left; margin-top:40px;}
.ab-w p{ width:100%; float:left; font-size:16px; color:#333; line-height:36px; margin-bottom:25px; animation-duration:1s;}
.ab-w p img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.ab-w ul{ width:100%; float:left;}
.ab-w ul li{ width:32%; float:left; margin-right:2%; margin-bottom:25px; overflow:hidden; animation-duration:1s;}
.ab-w ul li img{ width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;  }
.ab-w ul li:nth-child(3n+2){ animation-duration:1.1s;}
.ab-w ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}
.ab-w ul li:hover img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
/*荣誉资质*/
.gz{ width:100%; float:left; margin-top:25px;}
.helpcenter_right_content{ width:100%; float:left;}
.aboutwe_banners{ width:100%; float:left; overflow:hidden;} 
.aboutwe_banners ul.honor_img li{ width:32%; margin-right:2%; margin-bottom:30px; animation-duration:1s;}
.aboutwe_banners ul.honor_img li:nth-child(3n+3){ margin-right:0px;}
.aboutwe_banners ul.honor_img li img{ max-width:100%; display:block; margin:0 auto; text-align:center; height:auto; box-shadow: 0 0 0px #fff;}
/*合作伙伴*/
.hb{ width:100%; float:left; margin-top:25px;}
.hb ul li{ width:23.5%; float:left; margin-bottom:20px; margin-right:2%; animation-duration:1s;}
.hb ul li:nth-child(4n+2){ animation-duration:1.1s;}
.hb ul li:nth-child(4n+3){ animation-duration:1.2s;}
.hb ul li:nth-child(4n+4){ margin-right:0px; animation-duration:1.3s;}
.hb ul li a{ display:inline-block; width:100%; float:left; padding:20px 0; background:#fff;}
.hb ul li a img{ max-width:100%; text-align:center; display:block; margin:0 auto; }
.hb ul li:hover a img{ -webkit-animation:jello 1s; -moz-animation:jello 1s; animation:jello 1s;}
/*产品中心*/
.chanp{ width:100%; float:left; margin-top:25px; overflow:hidden;}
.chanp ul{ width:100%; float:left;}
.chanp ul li{ width:32%; float:left;  margin-bottom:40px; animation-duration:1s;}

.chanp ul li:nth-child(3n+2){ margin:0px 2% 40px 2%; animation-duration:1.2s;}

.chanp ul li dl{ width:100%; float:left;}
.chanp ul li dl dt{ width:100%; float:left; position:relative; overflow:hidden; }
.chanp ul li dl dt img{ width:100%; height:360px;float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; border-radius:20px; }
.chanp ul li dl dt:before{content:""; position:absolute; left:0px; top:0px; width:513px; height:614px; background:rgba(0,0,0,0.5);  transition:all 0.3s ease-out 0s; opacity:0; z-index:1;}
.chanp ul li dl dt:after{content:""; position:absolute; left:50%; top:50%; width:20px; height:20px; margin-left:-10px; background:url(../image/ico-7.png) center no-repeat; background-size:20px; transition:all 0.3s ease-out 0s; opacity:0; z-index:2;}
.chanp ul li dl dd{ width:100%; float:left; background:#f0f0f0; padding:30px 40px; transition:all 0.3s ease-out 0s;}
.chanp ul li dl dd h2{ width:100%; float:left; font-size:20px; line-height:20px; height:20px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease-out 0s;}
.chanp ul li dl dd p{ width:100%; float:left; font-size:14px; color:#777; margin-top:10px; line-height:16px; height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease-out 0s;}
.chanp ul li dl dd b{ display:inline-block; width:100%; float:left; font-size:12px; color:#999; margin:15px 0; font-weight:normal; transition:all 0.3s ease-out 0s;}
.chanp ul li dl dd span{ display:block; width:100%; float:left; border-top:1px solid #ddd; padding-top:15px; margin-top:25px; transition:all 0.3s ease-out 0s;}
.chanp ul li dl dd span i{ display:inline-block; float:left; font-size:14px; color:#666; font-style:normal; line-height:12px; transition:all 0.3s ease-out 0s;}
.chanp ul li dl dd span em{ display:inline-block; float:right; background:url(../image/ico-6.png) 0 0 no-repeat; background-size:24px; width:24px; height:8px; margin-top:2px;}
.chanp ul li dl:hover dt:before{ opacity:1;}
.chanp ul li dl:hover dt:after{ opacity:1; margin-top:-10px;}
.chanp ul li dl:hover dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.chanp ul li dl:hover dd{ background:#00706b;}
.chanp ul li dl:hover dd h2{ color:#fff;}
.chanp ul li dl:hover dd p{ color:#fff;}
.chanp ul li dl:hover dd b{ color:#fff;}
.chanp ul li dl:hover dd span{ border-top:1px solid rgba(255,255,255,0.5);}
.chanp ul li dl:hover dd span i{ color:#fff;}
.chanp ul li dl:hover dd span em{ background:url(../image/ico-6.png) 0 -8px no-repeat; background-size:24px;}
.mr{ width:100%; float:left; margin-top:20px;}
.mr span{ display:block; width:100%; float:left; }
.mr span h6{ width:100%; float:left;}
.mr span h6 a{ display:inline-block; float:left; font-size:14px; color:#999; padding:0 15px; height:36px; line-height:36px; text-align:center; background:#fff; margin-right:15px; transition:all 0.3s ease-out 0s;}
.mr * {
 display: inline-block;
 _zoom: 1;
 _display: inline;
 vertical-align: middle;
 line-height: 30px;
 padding-bottom: 1px;
}
.mr span h6 a:hover{ background:#00706b; color:#fff;}
.mr span h6 a.dgxy-xz{background:#00706b; color:#fff;}
/*产品中心-详情*/
.xq-center{ width:1400px; margin:0 auto;}
.cxxq{ width:100%; float:left;}
.cpxq-2{ width:100%; float:left; background:#fff; position:relative; overflow:hidden;}
.cpxq-2-left{ width:50%; float:left;}
.cpxq-2-left .swiper-container{ width:100%; float:left;}
.cpxq-2-left .swiper-slide{ width:100%; float:left;}
.cpxq-2-left .swiper-pagination{ bottom:20px !important;}
.cpxq-2-left .swiper-pagination-bullet{ width:10px; height:10px; opacity:1; outline:none; border:2px solid #c1c1c1; background:none; margin:0 7px !important;}
.cpxq-2-left .swiper-pagination-bullet-active{ border:1px solid #00706b; background:#00706b;}
.cpxq-img{ width:100%; float:left;  padding:60px 0;}
.cpxq-img img{ max-width:100%; text-align:center; display:block; margin:0 auto;}
.cpxq-2-right{ position:absolute; left:50%; top:0px; width:50%; height:100%; float:left; padding:60px 30px 0px 60px; border-left:1px solid #eee;}
.cpxq-2-right-a{ width:100%; float:left; height:100%; position:relative; overflow:hidden; padding-bottom:170px;}
.cpxq-2-right-1{ width:100%; float:left;}
.cpxq-2-right-1 h2{ width:100%; float:left; font-size:26px; color:#333; line-height:30px; padding-bottom:20px; border-bottom:1px solid #eee;}
.cpxq-2-right-1-me{ width:100%; float:left; padding-top:10px;}
.cpxq-2-right-1-me p{ width:100%; float:left; font-size:16px; color:#666; line-height:44px;}
.cpxq-2-right-2{ width:100%; float:left; position:absolute; left:0px; bottom:0px; background:#fff; padding-bottom:40px;}
.cpxq-2-right-2 span{ display:block; width:100%; float:left;}
.cpxq-2-right-2 span a{ display:inline-block; float:left; border:1px solid #eee; width:48%; text-align:center; padding:17px 0; transition:all 0.3s ease-out 0s;}
.cpxq-2-right-2 span a:nth-child(2n+2){ float:right;}
.cpxq-2-right-2 span a i{ display:inline-block; width:25px; height:25px; background:url(../image/ico-8.png) no-repeat; background-size:25px; transition:all 0.3s ease-out 0s;}
.cpxq-2-right-2 span a em{ display:inline-block; font-style:normal; font-size:16px; color:#666; line-height:25px; margin-left:10px; vertical-align:6px; transition:all 0.3s ease-out 0s;}
.cpxq-2-right-2 span a:nth-child(2n+2) i{ background:url(../image/ico-9.png) no-repeat; background-size:25px;}
.cpxq-2-right-2 span a:hover{ background:#00706b; border:1px solid #00706b;}
.cpxq-2-right-2 span a:hover i{ background:url(../image/ico-8.png) 0 -25px no-repeat; background-size:25px;}
.cpxq-2-right-2 span a:nth-child(2n+2):hover i{ background:url(../image/ico-9.png) 0 -25px no-repeat; background-size:25px;}
.cpxq-2-right-2 span a:hover em{ color:#fff;}
.cpxq-2-right-2 h2{ width:100%; float:left; margin-top:30px;}
.cpxq-2-right-2 h2 a{ display:inline-block; float:left; font-size:14px; color:#333; line-height:25px; transition:all 0.3s ease-out 0s;}
.cpxq-2-right-2 h2 a img{ max-width:100%; float:left; margin-right:15px;}
.cpxq-2-right-2 h2 a i{ display:inline-block; float:left; width:24px; height:24px; background:url(../image/ico-10.png) no-repeat; background-size:24px; margin-right:10px; transition:all 0.3s ease-out 0s;}
.cpxq-2-right-2 h2 a em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#333; line-height:24px;}
.cpxq-2-right-2 h2 a:hover i{ background:url(../image/ico-10.png) 0 -24px no-repeat; background-size:24px}
.cpxq-2-right-2 h2 a:hover em{ color:#00706b;}
.product-xq3{ width:100%; float:left; margin-top:30px;}
.product-xq3-nr{ width:100%; float:left;}
.product-xq3-left{ width:100%; float:left;}
.product-xq3-left ul{ width:100%; float:left;}
.product-xq3-left ul li{ width:33.33%; float:left;}
.product-xq3-left ul li:nth-child(3n+1){ border:0px;}
.product-xq3-left li a{ display:inline-block; float:left; width:100%; float:left; background:#fbfbfb; line-height:60px; text-align:center; font-size:18px; color:#333; border-top:2px solid #fbfbfb;  border-left:1px solid #eee;}
.product-xq3-left li a.xuan2{ color:#00706b;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; border:0px; background:#fff; border-top:2px solid #00706b;}
.product-xq3-left ul li:hover{}
.product-xq3-left2-nr{ width:100%; float:left; background:#fff; padding:60px 30px;}
.mols{ width:100%; float:left;}
.mols img{ max-width:100%; height:auto;}
.mols p{ width:100%; float:left;}
.mols p img{ max-width:100%; margin:0 auto; text-align:center; display:block;}
.product-xq3-left2{ display:none;}
.tab-content-active2{ display:block;}
.mu{ width:100%; float:left;}
.mu-center{ width:830px; margin:0 auto;}
.mu dl{ width:100%; float:left; position:relative; overflow:hidden;}
.mu dl dt{ width:100%; float:left; overflow:hidden;}
.mu dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.mu dl dd{ width:70px; height:70px; position:absolute; left:50%; top:50%; float:left; margin-left:-35px; margin-top:-35px; background:rgba(0,0,0,0.5); border-radius:50%; cursor:pointer; transition:all 0.3s ease-out 0s;}
.mu dl dd img{ max-width:100%; float:left; margin-left:27px; margin-top:24px;}
.mu dl:hover dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.mu dl dd:hover{ background:#00706b;}
.wop{ width:100%; float:left; margin-top:60px;}
.wop span{ display:inline-block; width:36%; float:left;}
.wop span a{ display:inline-block; float:left; width:100%; background:#ededed; padding:0 20px; position:relative; overflow:hidden; transition:all 0.3s ease-out 0s;}
.wop span a i{ display:inline-block; float:left; font-size:20px; color:#666; line-height:50px; width:30px; position:absolute; left:20px; top:0px; transition:all 0.3s ease-out 0s;}
.wop span a em{ display:inline-block; width:100%; float:left; font-style:normal; font-size:14px; color:#666; height:50px; line-height:50px; padding-left:20px; max-height:50px; overflow:hidden; transition:all 0.3s ease-out 0s;}
.wop span a:hover{ background:#00706b;}
.wop span a:hover em{ color:#fff;}
.wop span a:hover i{ color:#fff;}
.wop span:nth-child(2n+2){ float:right;}
.wop span:nth-child(2n+2) i{ left:auto; right:20px; text-align:right;}
.wop span:nth-child(2n+2) em{ text-align:right; padding-left:0px; padding-right:20px;}
.wop h2{ width:22%; float:left; margin-left:3%;}
.wop h2 a{ display:inline-block; width:100%; float:left; font-size:14px; color:#fff; background:#00706b; text-align:center; line-height:50px; height:50px;}
.wop h2 a:hover{ background:#333;}
/*实战案例*/
.anl{ width:100%; float:left; margin-top:25px; overflow:hidden;}
.anl ul{ width:100%; float:left;}
.anl ul li{ width:32%; float:left; margin-bottom:40px; animation-duration:1s;}
.anl ul li:nth-child(3n+2){ margin:0px 2% 40px 2%; animation-duration:1.2s;}
.anl ul li:nth-child(3n+3){ animation-duration:1.4s;}
.anl ul li dl{ width:100%; float:left;}
.anl ul li dl dt{ width:100%; float:left; overflow:hidden;}
.anl ul li dl dt img{ width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.anl ul li dl dd{ background:#fff; width:100%; float:left; padding:20px;}
.anl ul li dl dd h2{ width:100%; float:left; font-size:20px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.anl ul li dl dd p{ width:100%; float:left; font-size:16px; color:#666; margin-top:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:22px; line-height:22px;}
.anl ul li dl dd span{ display:block; width:100%; float:left; margin-top:15px;}
.anl ul li dl dd span i{ display:inline-block; float:left; font-size:14px; color:#999; font-style:normal;}
.anl ul li dl dd span i:nth-child(2n+2){ float:right;}
.anl ul li:hover dl dt img{  -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.anl ul li:hover dl dd h2{ color:#00706b;}
/*实战案例-详情*/
.anlxq-center{ width:1200px; margin:0 auto;}
.anlxq{ width:100%; float:left;}
.anlxq-a{ width:100%; float:left; padding:0 100px; position:relative; padding-bottom:60px; overflow:hidden;}
.anlxq-a dl{ width:100%; float:left; position:relative;}
.anlxq-a dl dt{ width:100%; float:left;}
.anlxq-a dl dt img{ width:100%; float:left;}
.anlxq-a dl dd{ position:absolute; left:0px; bottom:-60px; width:100%; float:left; padding:0 100px;}
.anlxq-a dl dd p{ width:100%; float:left; font-size:24px; color:#333; text-align:center; line-height:120px; height:120px; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff;}
.anlxq-a span{ display:inline-block; width:60px; height:60px; float:left; position:absolute; left:0px; top:50%; margin-top:-60px;}
.anlxq-a span a{ display:inline-block; float:left; width:100%;}
.anlxq-a span a i{ display:inline-block; float:left; font-size:26px; color:#333; background:#fff; border-radius:50%; line-height:60px; text-align:center; width:100%; transition:all 0.2s ease-out 0s;}
.anlxq-a span:nth-child(2n+2){ left:auto; right:0px;}
.anlxq-a span a:hover i{ background:#00706b; color:#fff;}
.anlxq-b{ width:100%; float:left; margin-top:60px; padding:0 200px;}
.anlxq-b h2{ width:100%; float:left;}
.anlxq-b h2 b{ display:inline-block; width:70px; height:3px; background:#00706b; float:left;}
.anlxq-b h3{ width:100%; float:left; font-size:14px; color:#666; line-height:14px; margin-top:25px; padding-left:40px;}
.anlxq-c{ width:100%; float:left; padding:40px 200px 0px 200px;}
.anlxq-c p{ width:100%; float:left; font-size:14px; color:#333; line-height:36px; margin-bottom:20px;}
.anlxq-c img{ max-width:100%; margin:0 auto; text-align:center; display:block;}
.anlxq-c p:last-child{ margin-bottom:0px;}
.anlxq-c strong{ font-weight:bold;}
.anlxq-c span{ display:inline-block;}
.anlxq-c a{ color:red;}
.anlxq-c a:hover{ text-decoration:underline;}

/*技术服务*/
.fw{ width:100%; float:left; margin-top:25px; overflow:hidden;}
.fw ul{ width:100%; float:left;}
.fw ul li{ width:100%; float:left; margin-bottom:30px; animation-duration:1s;}
.fw ul li dl{ width:100%; float:left; background:#fff; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.fw ul li dl dt{ width:380px; float:left; overflow:hidden;}
.fw ul li dl dt img{ max-width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.fw ul li dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; padding:0 50px;}
.fw ul li dl dd h2{ width:100%; float:left; font-size:20px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fw ul li dl dd p{ width:100%; float:left; font-size:16px; color:#666; line-height:24px; max-height:48px; height:48px; overflow:hidden; margin-top:20px;}
.fw ul li dl dd span{ display:block; width:100%; float:left; margin-top:40px; padding-top:15px; border-top:1px solid #eee;}
.fw ul li dl dd span i{ display:inline-block; float:left; font-size:14px; line-height:14px; color:#999; font-style:normal;}
.fw ul li dl dd span i:nth-child(2n+2){ float:right;}
.fw ul li:hover dl dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.fw ul li:hover dl dd h2{ color:#00706b;}
.fw ul li dl dd span i:hover{ color:#00706b;}
/*技术资料下载*/
.xz{ width:100%; float:left; overflow:hidden; margin-bottom:30px;}
.xz ul{ width:100%; float:left;}
.xz ul li{ width:100%; float:left; margin-bottom:1px; animation-duration:1s;}
.xz ul li dl{ width:100%; float:left; background:#fff; padding:30px 30px 20px 30px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; position:relative; overflow:hidden; transition:all 0.3s ease-out 0s;}
.xz ul li dl dt{ width:24px; height:24px; background:url(../image/ico-12.png) no-repeat; background-size:24px; float:left; margin-right:25px; transition:all 0.3s ease-out 0s;}
.xz ul li dl dd{ -webkit-box-flex:1; -webkit-flex:1; flex:1; padding-right:60px; }
.xz ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#333; line-height:18px; transition:all 0.3s ease-out 0s;}
.xz ul li dl dd b{ display:inline-block; width:100%; float:left; font-size:14px; line-height:14px; color:#666; font-weight:normal; margin-top:15px; transition:all 0.3s ease-out 0s;}
.xz ul li dl span{ display:inline-block; float:left; position:absolute; top:50%; right:30px; height:14px; margin-top:-7px;}
.xz ul li dl span i{ display:inline-block; float:left; font-size:14px; color:#999; line-height:14px; font-style:normal; transition:all 0.3s ease-out 0s;}
.xz ul li dl span em{ display:inline-block; float:left; width:14px; height:14px; background:url(../image/ico-13.png) no-repeat; background-size:14px; margin-left:3px; transition:all 0.3s ease-out 0s;}
.xz ul li:hover dl{ background:#00706b;}
.xz ul li:hover dl dt{ background:url(../image/ico-12.png) 0px -24px no-repeat; background-size:24px;}
.xz ul li:hover dl dd h2{ color:#fff;}
.xz ul li:hover dl dd b{ color:#fff;}
.xz ul li:hover dl span i{ color:#fff;}
.xz ul li:hover dl span em{ background:url(../image/ico-13.png) 0px -14px no-repeat; background-size:14px; margin-left:10px;}
/*新闻动态*/
.xw{ width:100%; float:left; margin-top:50px; overflow:hidden;}
.xw ul{ width:100%; float:left;}
.xw ul li{ width:32%; float:left; margin-right:2%; margin-bottom:30px; animation-duration:1s;}
.xw ul li:nth-child(3n+2){ animation-duration:1.1s;}
.xw ul li:nth-child(3n+3){ margin-right:0px; animation-duration:1.2s;}
.xw ul li dl{ width:100%; float:left;}
.xw ul li dl dt{ width:100%; float:left; overflow:hidden;}
.xw ul li dl dt img{ width:100%; float:left; -webkit-transition:opacity 1s, -webkit-transform 1s; transition:opacity 1s, transform 1s; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.xw ul li dl dd{ width:100%; float:left; background:#fff; padding:30px 25px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd h2{ width:100%; float:left; font-size:18px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd p{ width:100%; float:left; font-size:14px; color:#777; line-height:24px; max-height:48px; height:48px; overflow:hidden; margin-top:20px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd span{ display:block; width:100%; float:left; margin-top:25px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd span i{ display:inline-block; float:left; font-size:14px; color:#999; font-style:normal; line-height:14px; transition:all 0.3s ease-out 0s;}
.xw ul li dl dd span em{  display:inline-block; float:right; font-size:14px; color:#666; font-style:normal; line-height:14px; text-decoration:underline; transition:all 0.3s ease-out 0s;}
.xw ul li:hover dl dt img{ -webkit-transform:scale3d(1.1,1.1,1); transform:scale3d(1.1,1.1,1);}
.xw ul li:hover dl dd h2{ color:#00706b; font-weight:bold;}
.xw ul li:hover dl dd span em{ color:#00706b;}
/*新闻动态-详情*/
.xwxq{ width:100%; float:left; background:#fff; padding:80px 60px;}
.xwxq-t{ width:100%; float:left; padding-bottom:50px; border-bottom:1px solid #eee;} 
.xwxq-t h1{ width:100%; float:left; font-size:32px; color:#333; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xwxq-t span{ display:block; width:100%; float:left; text-align:center; margin-top:30px;}
.xwxq-t span i{ display:inline-block; font-style:normal; font-size:14px; color:#999; padding:0 25px;}
.xwxq-c{ width:100%; float:left; padding-top:30px; padding-bottom:50px; border-bottom:1px solid #eee;}
.xwxq-c p{ width:100%; float:left; font-size:14px; color:#666; line-height:30px; margin-bottom:20px;}
.xwxq-c p img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.xwxq-f{ width:100%; float:left; margin-top:30px;}
.xwxq-f h2{ width:100%; float:left; font-size:14px; color:#999;}
.xwxq-f h3{ width:100%; float:left; margin-top:20px;}
.xwxq-f h3 a{ display:inline-block; float:left; background:none; width:auto !important; height:auto !important;  color:#666; line-height:22px !important; margin:0px; margin-right:30px;}
.xwxq-g{ width:100%; float:left; margin-top:50px; position:relative; overflow:hidden; min-height:36px;}
.xwxq-g span{ display:block; width:100%; float:left;}
.xwxq-g span a{ display:inline-block; float:left;}
.xwxq-g span a i{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#666;}
.xwxq-g span a em{ display:inline-block; float:left; font-style:normal; font-size:14px; color:#999;}
.xwxq-g span a:hover em{ color:#00706b;}
.xwxq-g span:nth-child(2n+2){ margin-top:20px;}
.xwxq-g h2{ float:left; position:absolute; right:0px; top:50%;}
.xwxq-g h2 a{ display:inline-block; float:left; font-size:14px; color:#fff; line-height:36px; height:36px; padding:0 50px; background:#00706b; border-radius:36px; margin-top:-18px;}
.xwxq-g h2 a:hover{ background:#333;}
/*联系我们*/
.xm{ width:100%; float:left; background:#fff; margin-top:25px; margin-bottom:60px;}
.xm-t{ width:100%; float:left; overflow:hidden;}
.xm-t ul{ width:100%; float:left; border-bottom:1px solid #eee;}
.xm-t ul li{ width:25%; float:left; padding:50px 0; border-right:1px solid #eee; animation-duration:1s; min-height:300px;}
.xm-t ul li:nth-child(3n+1){ padding:;}
.xm-t ul li:nth-child(3n+2){ width:25%; animation-duration:1.1s;}
.xm-t ul li:nth-child(3n+3){ width:50%;border-right:0px; animation-duration:1.2s; padding:50px 0px 10px 0px;}
.xm-t ul li dl{ float:left; width:100%; padding:25px 15px 0px 15px; text-align:center; margin-top:10px; border-top:1px solid #eee; }
.xm-t ul li dl dt{ float:left; width:100%; color:#999; margin:10px 0px;}
.xm-t ul li dl dd{ float:left; width:100%; font-size:12px; color:#333; line-height:24px;}
.xm-t ul li h2{ float:left; width:100%;}
.xm-t ul li h2 img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.xm-t ul li p{ width:100%; float:left; font-size:14px; color:#999; text-align:center; margin-top:20px; line-height:14px;}
.xm-t ul li b{ display:inline-block; width:100%; float:left; font-size:24px; color:#00706b; text-align:center; font-family:neutraface2display-titling; margin-top:25px; line-height:24px;}
.xm-t ul li h3{ width:100%; float:left; font-size:14px; color:#333; text-align:center; margin-top:25px;}
.xm-b{ width:100%; float:left; padding-top:40px; overflow:hidden;}
.xm-b-l{ width:50%; float:left; padding-left:60px;}
.xm-b-l h2{ width:100%; float:left; font-size:16px; color:#666; margin-bottom:30px; animation-duration:1s;}
.xm-b-l span{ display:inline-block; width:200px; float:left; animation-duration:1.1s;}
.xm-b-l span i{ display:inline-block; width:100%; float:left; border:1px solid #eee; padding:10px;}
.xm-b-l span i img{ max-width:100%; float:left;}
.xm-b-l span em{ display:inline-block; float:left; width:100%; font-style:normal; font-size:14px; color:#999; text-align:center; margin-top:15px;}
.xm-b-l span:nth-child(2n+1){ margin-left:40px; animation-duration:1.2s;}
.xm-b-r{ width:50%; float:right; animation-duration:1.3s;}
.xm-b-r img{ max-width:100%; display:block; margin:0 auto; text-align:center;}
.syb{ float:left; width:100%; border-bottom:1px solid #eee; overflow:hidden;}
.syb dl{ float:left; width:33.33%; text-align:center; border-right:1px solid #eee; padding:40px 0px;}
.syb dl:nth-child(3n+3){ border:0px;}
.syb dl dt img{ max-width:40px;}
.syb dl dd h3{ font-size:14px; color:#999; float:left; width:100%; margin-top:20px;}
.syb dl dd p{ font-size:14px; color:#333; float:left; width:100%; margin-top:25px;}

.xm-l{ width:100%; float:left; overflow:hidden; margin-top:65px; position:relative;}
#wm{ position:absolute; left:0px; top:-100px; height:100px; float:left; width:100%;}
.xm-l p{ width:100%; float:left; font-size:24px; color:#333; text-align:center; margin-bottom:10px; animation-duration:1s;}
.xm-l h6{ width:100%; float:left; margin-bottom:50px; text-align:center; height:4px;}
.xm-l h6 b{ display:inline-block; width:40px; height:4px; float:left; position:relative; left:50%; margin-left:-20px; background:#00706b;}


.xm-l ul{ width:100%; float:left; animation-duration:1.1s;}
.xm-l ul li{ width:48%; float:left;  margin-bottom:40px;}
.xm-l ul li:nth-child(2n+2){ float:right;}
.xm-l ul li:last-child{ width:100%;}
.xm-l ul li .pous{ height:170px;}
.xm-l span{ display:block; width:100%; float:left; animation-duration:1.2s;}
.xm-l span h4{ float:left;}
.xm-l span h4 a{ display:inline-block; float:left; font-size:14px; color:#333; line-height:60px; height:60px; padding:0 46px; background:#ddd; transition:all 0.3s ease-out 0s;}
.xm-l span h4 a:hover{ background:#00706b; color:#fff;}
.xm-l span h3{ width:270px; float:left;}
.xm-l span h5{ width:160px; float:left; margin-left:20px;}
.xm-l span h5 a{ display:inline-block; float:left;}
.xm-l span h5 a img{ max-width:100%; min-height:60px; float:left;}
.xm-l h2{ width:100%; float:left; animation-duration:1.3s;}
.xm-l h2 a{ display:inline-block; float:left; padding:0 115px; font-size:16px; color:#fff; background:#00706b; line-height:60px; height:60px; transition:all 0.5s ease-out 0s;}
.xm-l h2 a:hover{ background:#333;}

.miu{ display:inline-block; width:100%; float:left; outline:none; border:0px; background:#fff; font-size:14px; color:#000; line-height:24px; padding:18px 20px; border-radius:0px; -webkit-appearance:none;}
.pous{ display:inline-block; width:100%; float:left; outline:none; border:0px; background:#fff; height:120px; font-size:14px; color:#000; line-height:24px; padding:18px 20px; border-radius:0px; -webkit-appearance:none;}
.yanz{ display:inline-block; width:100%; float:left; outline:none; border:0px; background:#fff; text-align:center; font-size:14px; color:#000; line-height:24px; padding:18px 20px; border-radius:0px; -webkit-appearance:none;}

.tijiao{ display:inline-block; float:left; padding:0 115px; font-size:16px; color:#fff; background:#00706b; line-height:60px; height:60px; transition:all 0.5s ease-out 0s;}
.lianx-2{ width:100%; float:left; height:580px; overflow:hidden; position:relative;}
.baidu{ width:100%; float:left; height:100%; position:relative; overflow:hidden;}
#allmap{ width:100%; float:left; height:100%;}
.lianx-2 .mip-t{ height:100%;}




/*分享网站*/
.share{ position:fixed;width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:99999;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s; top:0px; left:0px;}
.share.ateler{ opacity: 1; z-index:9999; visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s; }
.share ul{ text-align:center;-webkit-transform: translateY(60px);-moz-transform: translateY(60px);-ms-transform: translateY(60px);-o-transform: translateY(60px);transform: translateY(60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s; height:50px; top:50%; margin-top:-25px; position:absolute; width:100%;}
.share.ateler ul{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.share ul li{ display:inline-block; width:50px; height:50px; border-radius:50%; overflow:hidden; margin:0px 10px;}
.share ul li a{ text-indent:0px; font-size:18px; line-height:50px; display:block; width:50px; height:50px; background:#fff; color:#000; transition:all 0.5s ease-out 0s; border-radius:50%; margin:0px;}
.share ul li a i{ display:block; width:50px; height:50px; line-height:50px; font-size:18px;  }
.share ul li a:hover{ background:#00706b; color:#fff;}
/*搜索*/
.sous{ width:100%; height:0px; float:left; position:fixed; left:0px; top:0px; background:#222; opacity:0; transition:all 0.2s ease-out 0s; z-index:-1;}
.sous.ateler{ opacity:1; height:100%; z-index:103; transition:all 0.2s ease-out 0s; overflow:hidden;}
.sous-nr{ width:100%; float:left; position:absolute; left:0px; top:50%; margin-top:-62px; padding:0 40px;}
.sous-nr span{ display:inline-block; width:100%; float:left; position:relative; overflow:hidden;}
.input2{ width:100%; float:left; font-size:42px; color:#555; text-align:center; background:none; line-height:124px; height:124px; padding:0 80px; outline:none; border:0px; -webkit-appearance:none; border:0px; border-bottom:1px solid #515151; }
.sous-nr span a{ display:inline-block; position:absolute; top:10px; right:0px; width:80px; float:left; font-size:24px; color:#555; font-weight:bold; line-height:114px; text-align:center; transition:all 0.5s ease-out 0s;}
.sous font{ position:absolute; top:50px; right:50px; cursor:pointer; }
.sous font img{ max-width:20px; float:left;transition:284ms ease-in-out;}
.sous-nr span:before{content:""; position:absolute; left:30px; top:50%; margin-top:-10px; background:url(../image/ico-3.png) 0 0 no-repeat; background-size:20px; width:20px; height:20px;}
.sous font:hover img{transform:rotate(180deg); }

@media (max-width: 1600px){
ul.honor_img li a{ padding:10px!important;}
.nav h1{ left:15px;}
.nav span{ right:15px;}
.nav h2{ right:100px;}
.nav ul{ right:260px;}
.nav ul li{ margin:0 10px;}
.qqhz ul{ margin-top:30px;}
.qqhz ul li img{ max-width:90%;}
.center-ny .public-center{ padding:0px;}
.dip-r-a{ bottom:20px;}
.mip-b-l p{ padding-top:30px;}
.mip-b{ padding-top:40px;}
.dip-r-a p a img{ margin-right:15px;}
.public-center{ padding:0px 15px;}
}
@media (max-width: 1400px){
.xq-center{ width:100%; float:left; padding:0 10px;}
.chanp ul li dl dd{ padding:20px}
}
@media (max-width: 1366px){
.dip-r-a p a img{ max-width:24px;}
.dip-r-a p{ padding-left:15px; font-size:14px; line-height:25px;}
.nav ul li{ margin:0 10px;}
.public-center,.about,.fp-slidesNav{ padding:0 15px;}
.cp{ padding-left:15px;}
.qqhz,.honor{ padding:0 5%;}
.cp ul{ margin-top:20px;}
.cp ul li a b{ width:50px; height:50px;}
.cp ul li a i{ font-size:16px; line-height:50px;}	
.cp h6{ margin-top:10px;}
.bt h2{ margin-top:20px;}
.bt p{ margin-top:20px;}
.aop a em{ line-height:50px;}
.aop a i{ padding-left:50px; line-height:50px; font-size:20px;}
.about h3{ margin-bottom:30px; margin-top:15px;}
.honor-b{ margin-top:20px;}
.fives .aop{ bottom:10px; right:10px;}
.dip-r-s{ margin-bottom:30px;}
.cp h3,.qqhz h3,.honor-t h3,.about h2,.dip-r-s h3{ font-size:36px; height:36px; line-height:36px;}
.cp h6,.qqhz h6,.honor-t h6,.about h3,.dip-r-s h6{ font-size:20px; margin-top:10px;}
.dip-r-z span h2{ font-size:14px;}
.dip-r-z span h3 a{ font-size:24px; line-height:22px;}
.dip-r-x{ margin-top:10px;}
.dip-r-a{ bottom:0px;}
.dip-r-x span em{ margin-top:10px;}
.center-ny{ bottom:30px;}
.mip-b-l ul li h2{ font-size:14px;}
.mip-b-l ul li h3{ margin-top:10px;}
.mip-b-l ul li h3 a{ font-size:20px; line-height:20px;}

.dip-r-x{ width:255px;}
.dip-r-x span{ width:120px;}
.mip-t a{ margin-top:-50px;}
.public-n{ padding:20px 0 60px 0;}
}
@media (max-width: 1326px){

}
@media (max-width: 1330px){
.products-c .public-center{ padding:0 8px;}
.products-c ul li{ padding:0 7px;}
.products-c ul li a i{ width:26px; height:26px; display:block; left:50%; margin-left:-13px; margin-right:0px;}
.products-c ul li a em{ font-size:16px; line-height:26px; vertical-align:7px;}
.products-c ul li a:hover i img{ top:-26px;}
.products-c ul li a.selected i img{ top:-26px;}
}


@media (max-width: 1200px){
.top{ height:66px;}
.nav h1{ top:15px;}
.nav h1 img{ max-width:160px;}
.nav span{ top:23px;}
.nav ul{ right:100px; margin-top:18px;}
.nav ul li a{ line-height:30px; padding:0 5px;}
.nav ul li a b{ top:30px; height:2px;}
.nav h2{ display:none;}
.n-bt span h6{ font-size:36px;}
.n-bt span p{ font-size:20px; margin-top:15px;}
.center-ny{ bottom:30px;}
.center-ny ul li a{ padding:10px 0;}
.public-n{ padding:20px 0 60px 0;}
.lie h2{ font-size:24px; line-height:24px;}
.ab{ margin-top:60px;}
.ab-l{ width:55%;}
.ab-l h2{ font-size:20px;}
.ab-l b{ margin:25px 0;}
.ab-l p{ font-size:14px; line-height:30px; margin-bottom:20px;}
.ab-r{ width:40%;}
.ab-s{ margin-top:40px;}
.digital ul li{ padding:40px 0;}
.digital ul li p{ font-size:14px; margin-bottom:10px;}
.digital ul li h6 span{ font-size:60px; line-height:60px;}
.digital ul li h6 b{ margin-top:10px;}
.ab-w{ margin-top:30px;}
.ab-w p{ font-size:14px; line-height:30px; margin-bottom:20px;}
.footer-t{ padding-bottom:40px;}
.footer-t h2 a img{ max-width:160px;}
.footer-t h3{ padding-top:5px;}
.anlxq-center{ width:100%; float:left; padding:0 15px;}
.anlxq-a{ padding:0 80px; padding-bottom:60px;}
.anlxq-a dl dd{ padding:0 50px;}
.anlxq-b{ padding:0 140px;}
.anlxq-c{ padding:40px 140px 0px 140px;}
.xw ul li dl dd h2{ font-size:16px;}
.xw ul li dl dd p{ margin-top:15px;}
.xw ul li dl dd span{ margin-top:20px;}
.xm-b-l span:nth-child(2n+1){ margin-left:30px;}
.bt h3{ font-size:20px;}
.bt h2{ font-size:40px; margin-top:30px;}
.bt p{ font-size:20px; margin-top:20px; margin-bottom:30px;}
.dip-r-z span h3 a{ font-size:22px;}


.qqhz ul li{ padding:0 10px;}
.honor-b{ margin-top:40px;}
#wm{ top:-76px; height:76px;}
}
@media (max-width: 1024px){
.center-ny ul li a i{ width:30px; height:30px; margin-right:10px;}
.center-ny ul li a:hover i img{ top:-30px;}
.center-ny ul li a.selected i img{ top:-30px;}
.center-ny ul li a em{ font-size:18px; line-height:30px; vertical-align:7px;}
.n-bt span h6{ font-size:30px;}
.n-bt span p{ font-size:18px; margin-top:10px;}
.public-n{ padding:50px 0;}
.lie h2{ font-size:20px; line-height:20px;}
.ab{ margin-top:40px;}
.ab-l h2{ font-size:18px;}
.ab-l b{ margin:20px 0; width:40px;}
.ab-l p{ margin-bottom:15px;}
.gz,.hb,.chanp,.anl,.fw,.xw,.xm{ margin-top:30px;}
.hb ul li{ width:32%;}
.hb ul li:nth-child(3n+3){ margin-right:0px;}
.hb ul li:nth-child(4n+4){ margin-right:2%;}
.hb ul li:last-child { margin-right:0px;}

.chanp ul li{ margin-bottom:20px; width:49%;}
.chanp ul li:nth-child(2n+2){ float:right;} 
.chanp ul li:nth-child(3n+2){ margin:0px 0px 20px 0px;}
.chanp ul li dl dd{ padding:20px;}
.chanp ul li dl dd h2{ font-size:18px; line-height:18px; height:18px;}
.chanp ul li dl dd span{ margin-top:20px;}
.cpxq-img{ padding:50px 0;}
.cpxq-2-right{ padding:40px 20px 0px 30px;}
.cpxq-2-right-1 h2{ font-size:20px; line-height:24px; padding-bottom:15px;}
.cpxq-2-right-1-me p{ font-size:14px; line-height:34px;}
.cpxq-2-right-a{ padding-bottom:120px;}
.cpxq-2-right-1-me{ padding-top:5px;}
.cpxq-2-right-2{ padding-bottom:30px;}
.cpxq-2-right-2 span a{ padding:10px 0;}
.cpxq-2-right-2 span a i{ width:20px; height:20px; background-size:20px;}
.cpxq-2-right-2 span a em{ font-size:14px; line-height:20px; vertical-align:5px;}
.cpxq-2-right-2 span a:nth-child(2n+2) i{ background-size:20px;}
.cpxq-2-right-2 span a:hover i{ background:url(../image/ico-8.png) 0 -20px no-repeat; background-size:20px;}
.cpxq-2-right-2 span a:nth-child(2n+2):hover i{ background:url(../image/ico-8.png) 0 -20px no-repeat; background-size:20px; }
.cpxq-2-right-2 h2{ margin-top:20px;}
.cpxq-2-right-2 h2 a i{ width:20px; height:20px; background-size:20px;}
.cpxq-2-right-2 h2 a em{ line-height:20px;}
.cpxq-2-right-2 h2 a:hover i{ background:url(../image/ico-10.png) 0 -20px no-repeat; background-size:20px;}
.wop{ margin-top:40px;}
.anl ul li{ width:49%; margin-bottom:30px;}
.anl ul li dl dd h2{ font-size:18px;}
.anl ul li dl dd p{ font-size:14px;}
.anl ul li dl dd span i{ font-size:12px;}
.anlxq-a{ padding-bottom:50px;}
.anlxq-a dl dd{ bottom:-50px;}
.anlxq-a dl dd p{ font-size:20px; line-height:100px; height:100px;}
.anlxq-b{ margin-top:40px;}
.fw ul li dl dt{ width:320px;}
.fw ul li dl dd{ padding:0 30px;}
.fw ul li dl dd h2{ font-size:18px;}
.fw ul li dl dd p{ font-size:14px;}
.xw ul li dl dd{ padding:20px 15px;}
.xw ul li dl dd span i,.xw ul li dl dd span em{ font-size:12px; line-height:12px;}
.xwxq{ padding:40px 20px;}
.xwxq-t{ padding-bottom:30px;}
.xwxq-t h1{ font-size:26px;}
.xwxq-t span{ margin-top:20px;}
.xwxq-c{ padding:20px 0;}
.xwxq-g{ margin-top:40px;}
.xm{ margin-bottom:40px;}
.xm-t ul li{ padding:40px 0;}
.xm-t ul li:nth-child(3n+3){ padding:40px 0px 10px 0px;}
.xm-t ul li p{ margin-top:15px;}
.xm-t ul li b,.xm-t ul li h3{ margin-top:15px;}
.syb dl dd h3,.syb dl dd p{ margin-top:15px;}
.syb dl{ padding:30px 0px;}
.xm-b{ padding-top:30px;}
.xm-b-l{ padding-left:30px;}
.xm-b-l h2{ font-size:14px; margin-bottom:20px;}
.xm-b-l span{ width:160px;}
.xm-b-l span em{ font-size:13px; margin-top:10px;}
.xm-b-l span:nth-child(2n+1){ margin-left:20px;}
.xm-b-r img{ max-width:280px;}
.lianx-2{ height:460px;}
.xm-l{ margin-top:40px;}
.xm-l p{ font-size:20px;}
.xm-l h6{ height:2px; margin-bottom:30px;}
.xm-l h6 b{ height:2px;}
.xm-l ul li{ margin-bottom:30px;}
.bt h2{ font-size:32px; margin-top:20px;}
.bt p{ font-size:18px;}
.cp h3, .qqhz h3, .honor-t h3, .about h2,.dip-r-s h3{ font-size:30px; line-height:30px; height:30px;}
.cp h6, .qqhz h6, .honor-t h6,.dip-r-s h6{ font-size:18px; line-height:18px;}
.about h3{ font-size:18px; line-height:18px; margin-bottom:30px;}
.about p:nth-child(2n+2){ margin-top:10px; margin-bottom:30px;}
.honor-b .swiper-button-next{ right:15px;}
.honor-b .swiper-button-prev{ left:15px}
.dip-r-x span em{ margin-top:10px;}

.anl ul li{ width:49%; margin-bottom:20px; animation-duration:1s;}
.anl ul li:nth-child(3n+2){ margin:0px 0% 20px 0% }
.anl ul li:nth-child(3n+3){ }
.anl ul li:nth-child(2n+2){ float:right;}
}
@media (max-width: 960px){
.nav{ height:70px;}
.top{ height:70px;}
.nav h1{ top:17px;}
.nav ul{ display:none;}	
.mobile-nav{ display:block;}
.nav span{ display:none;}	
.products-c ul li a em{ font-size:14px;}
#wm{ height:80px; top:-80px;}
.mip-b-l{ width:58%;}
.mip-b-l ul li{ width:50%; margin-bottom:20px;}
.mip-b-l p{ padding-top:10px;}
}
@media (max-width: 830px){
.mu-center{ width:100%; float:left;}
}
@media (max-width: 768px){
.n-bt span h6{ font-size:28px;}
.n-bt span p{ font-size:16px;}
.n-banner-img img{ display:none;}
.n-banner-img img.display{ display:block;}
.center-ny .public-center{ padding:0 8px;}
.center-ny ul li{ padding:0 7px;}
.center-ny ul li a i{ width:20px; height:20px;}
.center-ny ul li a.selected i img{ top:-20px;}
.center-ny ul li a:hover i img{ top:-20px;}
.center-ny ul li a em{ font-size:14px; line-height:20px; vertical-align:4px;}
.public-n{ padding:40px 0;}
.lie{ padding-bottom:15px;}
.lie h2{ font-size:18px; line-height:18px;}
.ab{ margin-top:30px;}
.ab-l{ width:100%;}
.ab-l h2{ font-size:16px;}
.ab-l b{ margin:15px 0;}
.ab-l p{ margin-bottom:10px;}
.ab-r{ width:100%;}
.ab-r img{ float:none; display:block; margin:0 auto; text-align:center;}
.ab-s{ margin-top:30px;}
.digital ul li{ padding:30px 0;}
.digital ul li p{ font-size:12px;}
.digital ul li h6 span{ font-size:46px; line-height:46px;}
.digital ul li h6 b{ font-size:12px;}
.ab-w ul li{ margin-bottom:20px;}
.footer{ padding-top:40px;}
.footer-t{ padding-bottom:30px;}
.footer-b{ padding:30px 0;}
.footer-b ul{ width:100%; margin-bottom:20px;}
.td{ width:230px;}
.footer-t h3{ padding-top:6px;}
.footer-t h3 a i{ width:24px; height:24px; background-size:24px;}
.footer-t h3 a:hover i{ background:url(../image/ico-4.png) 0 -24px no-repeat; background-size:24px;}
.footer-t h3 a em{ line-height:24px;}
.mr{ margin-top:10px;}
.aboutwe_banners ul.honor_img li{ width:49%; margin-right:0px; margin-bottom:20px;}
.aboutwe_banners ul.honor_img li:nth-child(2n+2){ float:right;}
.hb ul li{ width:49%; float:left; margin-right:0px;}
.hb ul li:nth-child(2n+2){ float:right;}
.hb ul li:nth-child(4n+4){ margin-right:0px;}
.products-c ul li a i{ margin-left:-10px;}
.chanp ul li{ margin-bottom:20px;}
.chanp ul li dl dd h2{ font-size:16px; line-height:16px; height:16px;}
.chanp ul li dl dd p{ margin-top:5px;}
.chanp ul li dl dd span{ margin-top:15px; padding-top:10px;}
.chanp ul li dl dd span i{ font-size:12px;}
.chanp ul li dl dd span em{ width:21px; height:7px; background-size:21px;}
.chanp ul li dl:hover dd span em{ background:url(../image/ico-6.png) 0 -7px no-repeat; background-size:21px;}
.cpxq-2-left{ width:100%; float:left;}
.cpxq-2-right{ width:100%; float:left; padding:30px 20px; position:static; border-top:1px solid #eee; border-left:0px;}
.cpxq-2-right-a{ padding:0px;}
.cpxq-img{ padding:30px 0;}
.cpxq-2-right-2{ position:static; margin-top:30px; padding-bottom:0px;}
.product-xq3-left li a{ font-size:16px; line-height:50px;}
.product-xq3-left2-nr{ padding:30px 15px;}
.wop span{ width:48%;}
.wop h2{ width:100%; margin-left:0px; margin-top:30px;}
.anl ul li{ margin-bottom:20px;}
.anl ul li dl dd{ padding:20px 15px;}
.anl ul li dl dd h2{ font-size:16px; line-height:18px;}
.anl ul li dl dd p{ line-height:16px; margin-top:10px;}
.anl ul li dl dd span i{ line-height:12px;}
.anlxq-a span{ width:46px; height:46px; left:15px; margin-top:-46px;}
.anlxq-a span:nth-child(2n+2){ right:15px;}
.anlxq-a span a i{ font-size:20px; line-height:46px;}
.anlxq-a{ width:100%; padding:0px; padding-bottom:40px;}
.anlxq-a dl dd{ bottom:-40px; padding:0 15px;}
.anlxq-a dl dd p{ font-size:18px; line-height:80px; height:80px;}
.anlxq-b{ padding:0px 15px; margin-top:30px;}
.anlxq-b h2 b{ width:50px; height:2px;}
.anlxq-b h3{ margin-top:15px; padding-left:30px;}
.anlxq-c{ padding:0 15px; padding-top:20px;}
.anlxq-c p{ line-height:30px; margin-bottom:15px;}
.fw ul li{ margin-bottom:20px;}
.fw ul li dl dt{ width:240px;}
.fw ul li dl dd{ padding:0 20px;}
.fw ul li dl dd h2{ font-size:16px; line-height:16px;}
.fw ul li dl dd p{  max-height:24px; height:24px; margin-top:15px;}
.fw ul li dl dd span{ padding-top:10px; margin-top:30px;}
.fw ul li dl dd span i{ font-size:12px;}
.xz ul li dl{ padding:25px 20px 20px 20px;}
.xz ul li dl dt{ margin-right:20px;}
.xz ul li dl dd h2{ font-size:16px; line-height:16px;}
.xz ul li dl dd b{ margin-top:10px;}
.xz ul li dl span{ right:20px;}
.xw ul li{ width:49%; float:left; margin-right:0px; margin-bottom:20px;}
.xw ul li:nth-child(2n+2){ float:right;}
.xwxq{ padding:30px 15px;}
.xwxq-t{ padding-bottom:20px;}
.xwxq-t h1{ font-size:22px;}
.xwxq-t span{ margin-top:10px;}
.xwxq-t span i{ font-size:12px; padding:0 15px;}
.xwxq-c{ padding:10px 0;}
.xwxq-c p{ margin-bottom:10px;}
.xwxq-f{ margin-top:20px;}
.xwxq-f h3{ margin-top:20px;}
.xwxq-f h3 a{ margin-right:20px; font-size:16px !important; line-height:18px !important;}
.xwxq-g{ margin-top:20px;}
.xwxq-g span:nth-child(2n+2){ margin-top:15px;}
.xm-t ul li h2 img,.syb dl dt img{ max-width:30px;}
.xm-t ul li b{ font-size:20px; line-height:20px; margin-top:30px;}
.xm-t ul li h3{ padding:0 15px; margin-top:10px;}
.xm-b-l span{ width:140px;}
.xm-b-r img{ max-width:240px;}
.lianx-2{ height:400px;}
.xm-l{ margin-top:30px;}
.xm-l ul li{ margin-bottom:20px;}
.miu{ padding:13px 20px;}
.pous{ padding:13px 20px;}
.xm-l ul li .pous{ height:140px;}
.xm-l span h4 a{ height:50px; line-height:50px; padding:0 35px;}
.xm-l span h3{ width:200px;}
.yanz{ padding:13px 20px;}
.xm-l span h5{ width:140px;}
.xm-l span h5 a img{ min-height:50px;}
.xm-l h2 a{ font-size:14px; padding:0 80px; line-height:50px; height:50px;}
.bt h3{ font-size:16px;}
.bt h2{ font-size:28px; line-height:28px;}
.bt p{ font-size:16px; line-height:16px;}
.aop a{ padding:0 25px;}
.aop a em{ line-height:50px;}
.aop a i{ padding-left:50px; font-size:18px; line-height:50px;}
.bot{ margin-left:-9px;}
.bot a img{ max-width:18px;}
.zix a i img{ max-width:20px;}
.zix a em{ font-size:14px; line-height:20px; margin-left:10px;}
#fp-nav.right{ right:10px;}
#fp-nav ul{ width:30px;}
#fp-nav ul li{ width:30px; height:30px; margin:0.5px 0;}
.dip-r,.dip-r-a p{ padding-left:20px;}
#fp-nav ul li .fp-tooltip.right{ right:35px;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip{ line-height:32px;}
.syb dl dd p{ font-size:12px;}
.xm-t ul li{ min-height:inherit;}
.xm-t ul li:nth-child(3n+1){ width:50%;}
.xm-t ul li:nth-child(3n+2){ width:50%;}
.xm-t ul li:nth-child(3n+3){ width:100%; border-top:1px solid #eee;}
.xm-t ul li dl{ padding:25px 15px 10px 15px}
}
@media (max-width: 640px){
.public-n{ padding-top:30px; padding-bottom:40px;}
.center-ny{ bottom:15px;}
.center-ny ul li a{ padding:0px;}
.center-ny ul li a i{ display:none;}
.center-ny ul li a em{ vertical-align:0px; line-height:40px;}
.digital ul li{ width:50%;}
.ab-w ul li{ width:49%; margin-right:0px; margin-bottom:15px;}
.ab-w ul li:nth-child(2n+2){ float:right;}
.products-c{ position:static;}
.center-ny .public-center{ padding:0 15px;}
.products-c ul{ display:block;}
.products-c ul li{ width:auto; float:left; margin:0px; margin-right:10px;}
.products-c ul li a{ padding:0 10px;}
.products-c ul li:last-child{ margin-right:0px;}
.xwxq-g h2 a{ padding:0 35px; line-height:30px; height:30px; margin-top:-15px;}
.xwxq-g span{ padding-right:120px;}
.xwxq-g span a{ width:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;}
.xwxq-g span a i{ width:60px;}
.xwxq-g span a em{ -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.xm-b-l{ width:100%;}
.xm-b-r{ width:100%; margin-top:20px;}
.xm-b-r img{ max-width:100%;}
.xm-l ul li{ width:100%;}
.fp-slidesNav{ bottom:15px;}
.fp-slidesNav ul li{ width:30px; margin-right:15px;}
.bt .public-center,.about{ padding-right:36px;}
.bt h3{ font-size:14px;}
.bt h2{ font-size:24px; line-height:24px; margin-top:15px;}
.bt p{ font-size:14px; margin-bottom:20px; margin-top:15px;}
.aop a{ padding:0 20px;}
.aop a em{ line-height:38px;}
.aop a i{ padding-left:30px; font-size:16px; line-height:38px;}
.zix a i img{ max-width:18px;}
.zix a em{ line-height:18px; font-size:}
.zix a{ padding:10px 10px 7px 10px;}
.bot{ display:none;}
.cp h3, .qqhz h3, .honor-t h3, .about h2, .dip-r-s h3{ font-size:24px; line-height:24px; height:24px;}
.cp h6, .qqhz h6, .honor-t h6, .dip-r-s h6{ font-size:14px; line-height:14px; margin-top:5px;}
.about h3{ font-size:14px; line-height:14px; margin-top:10px;}
.about p{ line-height:30px;}
.about p br{ display:none;}
.about p:nth-child(2n+2){ margin-top:5px; margin-bottom:20px;}
.cp{ padding-left:15px;}
.cp ul{ width:220px; margin-top:20px;}
.cp ul li a{ padding:5px 0;}
.cp ul li a b{ width:40px; height:40px;}
.cp ul li a i{ font-size:14px; line-height:40px; padding-left:10px;}
.cp ul li.xuan a h4{ right:-30px; width:30px; background-size:14px;}
.banner1{ background:url(../image/banner-11.jpg) center no-repeat; background-size:cover;}
.banner2{ background:url(../image/banner-22.jpg) center no-repeat; background-size:cover;}
.banner3{ background:url(../image/banner-33.jpg) center no-repeat; background-size:cover;}
.banner6{ background:url(../image/banner6-1.jpg) center no-repeat; background-size:cover;}
.banner7{ background:url(../image/banner7-1.jpg) center no-repeat; background-size:cover;}
.lianx-2 .mip-t{ display:block;}
.mip-t a{ margin-top:-30px; margin-left:-20px;}
.mip-t a img{ max-width:40px;}
.mip-t{ display:none}
.mip-b{ height:100%; display:table;}
.mip-b .public-center{ display:table-cell; vertical-align:middle; float:none;}
.mip-b-l{ width:100%;}
.mip-b-l ul li{ width:100%; margin-bottom:10px;}
.dip-r-x{ width:100%; float:left; margin-top:15px;}
.dip-r-x span{ float:left;}
.mip-b-l ul li h3{ margin-top:5px;}
.mip-b-l p{ padding-top:0px;}
.dip-r-a p a img{ max-width:20px; margin-right:10px;}
.dip-r-x span:nth-child(2n+2){ float:left; margin-left:15px;}
.chanp ul li dl dd{ padding:15px;}
.ejdh ul li a{ padding:0px 15px; line-height:40px;}
.ejdh ul li a{ margin:5px 10px 5px 0px}
}

@media (max-width: 480px){
.top{ height:60px;}
.nav{ height:60px;}
.nav h1{ top:14.5px;}
.nav h1 img{ max-width:140px;}
.mobile-nav{ top:10px;}
.sidebar{ padding-top:60px;}
.n-bt span h6{ font-size:24px; line-height:24px;}
.n-bt span p{ font-size:14px;}
.center-ny{ position:static; width:100%; float:left; overflow:hidden;}
.center-ny .public-center{ padding:0px;}
.center-ny ul li{ padding:0px;}
.ab{ margin-top:20px;}
.digital ul li h6 span{ font-size:40px; line-height:40px;}
.ab-w,.gz,.hb,.chanp,.anl,.fw,.xw{ margin-top:20px;}
.ab-w p{ margin-bottom:15px;}
.ab-w ul li{ margin-bottom:10px;}
.footer{ padding-top:30px;}
.footer-t{ padding-bottom:20px;}
.footer-t h3{ display:none}
.footer-t h2{ width:100%; text-align:center;}
.footer-t h2 a{ float:none;}
.footer-t h2 a img{ float:none; max-width:140px; display:block; margin:0 auto; text-align:center;}
.footer-b{ padding:20px 0;}
.footer-b ul li{ width:auto;}
.footer-b ul li h2{ padding-right:15px; margin-bottom:0px;}
.footer-b ul li h2:last-child { padding-right:0px;}
.footer-b ul li h3{ display:none;}
.footer-b span{ display:none;}
.td{ width:100%;}
.td h5,.td h4{ margin-bottom:15px;}
.footer-a p{ width:100%;}
.footer-a h2{ width:100%; float:left; margin-top:10px;}
.footer-a h2 i{ margin-right:10px;}
.footer-a h2 i img{ max-width:16px;}
.footer-a h2 em{ line-height:16px;}
.mr span h6 a{ padding:0 14px; height:34px; line-height:34px; margin-right:10px;}

.aboutwe_banners ul.honor_img li{ width:100%; margin-bottom:15px;}
.hb ul li{ width:100%; margin-bottom:15px;}
.hb ul li a{ padding:10px 0;}
.center-ny .public-center{ padding:0 15px;}
.chanp ul li{ width:100%; margin-bottom:15px;}
.cpxq-img{ padding:20px 0;}
.cpxq-2-right{ padding:20px 15px;}
.cpxq-2-right-1 h2{ font-size:16px; line-height:18px; padding-bottom:10px;}
.cpxq-2-right-1-me p{ line-height:30px;}
.product-xq3{ margin-top:20px;}
.product-xq3-left li a{ font-size:14px; line-height:44px;}
.product-xq3-left2-nr{ padding:20px 15px;}
.mu dl dd{ width:50px; height:50px; margin-top:-25px; margin-left:-25px;}
.mu dl dd img{ max-width:16px; margin-top:17px; margin-left:19px;}
.wop{ margin-top:30px;}
.wop span{ width:100%;}
.wop span a{display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; padding:0 15px;}
.wop span a i{ position:static; width:20px; height:44px; line-height:44px; }
.wop span a em{-webkit-box-flex:1; -webkit-flex:1; flex:1; padding:0px;  height:auto; line-height:20px; max-height:100%;}
.wop span:nth-child(2n+2){ margin-top:15px;}
.wop span:nth-child(2n+2) i{ transition:284ms ease-in-out; transform:rotate(180deg); }
.wop span:nth-child(2n+2) em{ line-height:20px; text-align:left; padding-right:0px;}
.wop h2{ margin-top:20px;}
.wop h2 a{ line-height:44px; height:44px;}
.anl ul li{ width:100%; margin-bottom:15px;}
.products-b ul{ display:block;}
.products-b ul li{ width:auto; margin:0px; float:left; margin-right:10px;} 
.products-b ul li a{ padding:10px;}
.products-b ul li:last-child{ margin-right:0px;}
.anlxq-a{ padding-bottom:30px;}
.anlxq-a span{ width:40px; height:40px; margin-top:-40px;}
.anlxq-a span a i{ line-height:40px;}
.anlxq-a dl dd{ bottom:-30px;}
.anlxq-a dl dd p{ font-size:16px; line-height:60px; height:60px;}
.anlxq-b{ margin-top:20px;}
.fw ul li{ margin-bottom:15px;}
.fw ul li dl{ display:block;}
.fw ul li dl dt{ width:100%; float:left;}
.fw ul li dl dt img{ width:100%;}
.fw ul li dl dd{ width:100%; float:left; padding:20px 15px;}
.fw ul li dl dd p{ max-height:100%; height:auto; margin-top:10px;}
.fw ul li dl dd span{ margin-top:20px;}
.xz{ margin-bottom:15px;}
.xz ul li dl{ padding:20px 15px 15px 15px;}
.xz ul li dl dt{ margin-right:15px;}
.xz ul li dl dd h2{ font-size:14px; line-height:18px;}
.xz ul li dl dd b{ font-size:12px; line-height:12px;}
.xw ul li{ width:100%; float:left; margin-bottom:15px;}
.xw ul li dl dd p{ max-height:100%; height:auto; margin-top:10px;}
.xw ul li dl dd span{ margin-top:15px;}
.xwxq-t h1{ font-size:18px;}
.xwxq-t span i{ padding:0 10px;}
.xwxq-g span{ padding:0px;}
.xwxq-g h2{ width:100%; float:left; margin-top:20px; position:static;}
.xwxq-g h2 a{ margin:0px;}
.xm{ margin-top:20px; margin-bottom:30px;}
.xm-t ul{ padding:15px 0px 0px 0px; border-bottom:0px;}
.xm-t ul li{ width:100%; border-right:0px;  margin-bottom:15px; padding:25px 0;}
.xm-t ul li:nth-child(3n+1){ width:100%;border-bottom:1px solid #eee;}
.xm-t ul li:nth-child(3n+2){ width:100%; }
.xm-t ul li b{ margin-top:15px;}
.xm-t ul li h3{ margin-top:15px;}
.xm-b{ padding-top:5px;}
.xm-b-l{ padding:0 15px;}
.xm-b-l span{ width:48%;}
.xm-b-l span:nth-child(2n+1){ margin:0px; float:right;}
.lianx-2{ height:300px;}
.xm-l p{ font-size:18px; line-height:18px;}
.xm-l h6{ margin-bottom:20px;}
.xm-l h6 b{ width:30px; margin-left:-15px;}
.xm-l ul li{ margin-bottom:15px;}
.miu,.pous,.yanz{ padding:11px 15px;}
.xm-l ul li .pous{ height:120px;}
.xm-l span h4 a{ padding:0 20px; line-height:46px; height:46px;}
.xm-l span h3{ width:120px;}
.xm-l span h5{ width:100px; margin-left:15px;}
.xm-l span h5 a img{ min-height:46px;}
.xm-l h2 a{ padding:0 50px; line-height:46px; height:46px;}
.xm-b-r{ display:none;}
.xm-b-l{ padding-bottom:15px;}
.xm-b-l h2{ margin-bottom:15px;}
::-webkit-scrollbar {width:0px;}
::-webkit-scrollbar-track {background:#fff;}
::-webkit-scrollbar-thumb {background:#fff; width:0px;background-color:#00706b;}
::-webkit-scrollbar-thumb:window-inactive {background:#00706b;}
#wm{ top:-70px; height:70px;}
#fp-nav ul{ width:20px;}
#fp-nav ul li{ width:20px; height:20px;}
.honor-b{ margin-top:20px; padding:0 60px;}
.honor-b .swiper-button-next{ width:40px; height:40px; margin-top:-20px; right:10px;}
.honor-b .swiper-button-next i{line-height:40px; }
.honor-b .swiper-button-prev{ width:40px; height:40px; margin-top:-20px; left:10px;}
.honor-b .swiper-button-prev i{line-height:40px; }
.dip-l{ display:none;}
.dip-r{ width:100%;}
.dip-r, .dip-r-a p{ padding-left:15px;}
.dip-r-s{ margin-bottom:20px;}
.dip-r-z span{ margin-bottom:10px;}
.dip-r-z span h3 a{ font-size:20px; line-height:20px;}
.qh{ display:block;}
.qqhz ul{ display:none;}
.three .aop{ bottom:15px; right:15px;}
#fp-nav ul li .fp-tooltip.right{ right:25px;}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip{ line-height:20px; font-size:10px;}
.nav{ position:fixed;}

 .syb dl{ width:100%; border-bottom:1px solid #eee; border-right:0px; padding:25px 0px;}
 .xm-t ul li dl{ width:100%; border:0px; margin-top:0px;padding:8px 15px 8px 15px}
 
 .xm-t ul li:nth-child(3n+3){ padding:25px 0px 25px 0px; border-bottom:1px solid #eee;} 
}
@media (max-width: 380px){
.footer-b ul li h2{ padding-right:10px;}

}
@media (max-width: 330px){
.about-right p{ line-height:20px; font-size:12px;}
.news-ym-nr ul li dl dd span{ width:20%;}
.news-ym-nr ul li dl dd span.xwbt{ width:79%;}
.news-ym-nr ul li dl dd span em{ margin-top:0px;}
.center-ny ul li a em{ font-size:12px;}
.xm-l span h5{ float:right; width:90px; margin:0px;}
.xm-l span h4 a{ padding:0 15px;}
}